Assalam o Alaikum
umeed karti hain itdunya k tamam members
Khairiyet se honge mujhe koi web designer ye batayen k
ye image hai main ne is main css se manu to bana dya mgr abous
home, about us, solutions wagaira k sath aik choti si
image arahi hai wo kese lage gi menu text to main ne ye coding likhi hai niche dekhain
CSS Text
HTML TextCode:.main-menu{ width:980px; height: 50px; } .menu { background-image: url("images/background3.png"); float: left; height: 41px; width: 895px; } .login { background-image: url("images/background3.png"); float: left; height: 41px; width: 85px; } .menu ul { float: left; height: 41px; width: 908px; margin:0px; padding-left:0px; } .menu ul li { color: white; float: left; font-size: 15px; height: 30px; list-style-type: none; padding: 12px 8px 0; padding-bottom:0px; color: white; }
Code:<div class="main-menu"> <div class="menu"> <ul> <li style="padding-top:0px;"><a href=""><img src="images/home-img.png" alt="home" /></a></li> <li><a href="#">ABOUT US</a></li> <li><a href="#">SOLUTION</a></li> <li><a href="#">SUPPORT</a></li> <li><a href="#">SERVICE ON DEMAND</a></li> <li><a href="#">CONTACT US</a></li> </ul> </div> <div class="login"> <img src="images/login-image.png"/> </div>
Bookmarks