PHP scripts and programs for Beginner to Master

Hi friends,

Now we will apply a CSS to this unordered list to make it a horizontal navigation menu.


Hey ! Its ready ! See it !





Completed ready use script and code is here
<br /><br /><br />#horizontal,#horizontal ul {<br /> list-style:none;<br />}<br />#horizontal li {<br />display:inline;<br />border:none 0px;<br />float:left;<br />padding:2px;<br />}<br />#horizontal li a {<br />border:solid 1px #0000FF;<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT82Cjdhuy083oyB_DP-mE3oKXWTUl3eR3TmGWbD-QoQAf31cEdwVXeu65diaGfW86ga2fj13mctyLQRZgwcE7tV_Bv_AoeMmQab6yPa8q0zK3lTCfHrCxsYUKFAFlJTZ_1C5Cwi5q1XA/s400/orangemenu1.png) repeat bottom;<br />color: #FFFFFF;<br />font-weight:bold;<br />display:block;<br />text-decoration:none;<br />padding:2px 18px;<br />margin:2px;<br />font-family:Verdana, Arial, Helvetica, sans-serif;<br />}<br />#horizontal li a:hover {<br />background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4fiEFtvQjV7GYrWQ3OgIXTj5qHnyb3Fxvwqiaa2Ytb42_60epJZ6AHYec-WHFJJAhsiaSE69c9amyfkyz6HZpL6Kt9BcxN7OPLSTVQQqblKyEueNG-Wox_9sq4dT1KYtJyXgxcGKw39M/s400/bluemenu1.png) repeat;<br />border: solid 1px #000000;<br />color:#000000;<br />}<br /><br /><br /><ul id="horizontal"><br /> <li><a href="http://programming-in-php.blogspot.com" target="_blank">Home</a></li><br /> <li><a href="http://vaibhavsk.blogspot.com" target="_blank">Network</a></li><br /> <li><a href="http://www.chaprak.com">Topics</a></li><br /> <li><a href="http://jokestube.blogspot.com" target="_blank">Jokes</a></li><br /></ul><br />

I'm reading: Simple css 1 level horizontal menuTweet this!