এখন নিজেই তৈরি করুন সাব মেনু

সকলকে ধন্যবাদ যারা ডেভেলপ প্রগ্রামিং-এ নতুন তাদের জন্যই শুধু মাত্র আমার এই টিউন। আমরা আজ শিখবো কিভাবে HTML এবং CSS দিয়ে সাব মেনু তৈরি করতে হয়। তাহলে প্রথমে একটি নতুন HTML ফাইল Open করি এবং তাতে CSS ফাইল এর Link করি। এখন আপনি ইচ্ছা করলে কপি-পেষ্ট করে সাব মেনুটি তৈরি করতে পারেন। তাহলে আমরা এখন চেষ্টা করি এবং স্ক্রীন শটটি লক্ষ করি।

CSS

#navigation{ width:750px; height:45px; margin:auto;}
#navigation ul{ margin:0px; padding:0px; list-style:none;}
#navigation ul li{ float:left; width:150px; position:relative;}
#navigation ul li a{ text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:14px; display:block; background:#0f6581; color:#ffffff; line-height:45px; text-align:center;}
#navigation ul li a:hover{ background:#3bbdcd; color:#000000;}
#navigation ul ul { position:absolute; visibility:hidden;}
#navigation ul li:hover ul{ visibility:visible;}
#navigation ul li:hover ul li{ float:left;}

HTML


<div id="navigation">

<ul>

<li><a href="index.html">Home</a></li>

<li><a href="about-us.html">About Us</a></li>

<li><a href="location.html">Location</a></li>

<li><a href="services.html">Services</a>

<ul>

<li><a href="staff-careers.html">Careers</a></li>

<li><a href="contact-us.html">Contact us</a></li>

<li><a href="click-here.html">Click Here to View</a></li>

<li><a href="Lifeline–Emergency.html">Lifeline</a></li>

</ul>

</li>

<li><a href="childrens-programs.html">Programs</a></li>

</ul>

</div>

Level 0

আমি Rashed Ahmed। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 13 বছর 6 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 4 টি টিউন ও 31 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 2 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level New

বিস্তারিত লিখলে আরও সুন্দর এবং বুঝতে সহজ হত। ধন্যবাদ আপনার সরল টিউনটি করার জন্য।

Level 0

সুন্দর টিউন করার জন্য আপনাকে ধন্যবাদ । ভাইয়া Ajax এবং jquery সম্পর্কে ধারণা দিলে খুব উপকৃত হতাম ।

    ঠিক আছে এর পরে সময় হয়ে উঠলে JavaScript, Ajax, jquery সম্পর্কে টিউন করবো

প্রিয়তে রাখলাম।

CSS কোড গুলা কোথায় পেস্ট করবো ভাইয়া ?

অনেকদিন ধরে খুজছি ধন্যবাদ

Level 0

Lot of thanks………..

ধন্যবাদ ভাই