fazlionline Posted April 12, 2009 Share Posted April 12, 2009 Hello I made a list menuThis is vertical, how can I make the same menu horizontalCSS Code is: li a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; display: block; margin: 1px; padding: 7px; border: 1px solid #990000; background-color: #FFFFCC; color: #990000; size:200px;}li a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; display: block; margin: 1px; padding: 7px; border: 1px solid #990000; background-color: #990000; color: #FFFFCC; size:200px;}ul a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; display: block; margin: 1px; padding: 7px; border: 1px solid #990000; background-color: #FFFFCC; color: #990000; size:200px;}ul a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; display: block; margin: 1px; padding: 7px; border: 1px solid #990000; background-color: #990000; color: #FFFFCC; size:200px;} what kind of cahnges should i do in the CSS.HTML Code is: <body><li><a href="products.html">Products</a></li><ul> <li><a href="laptops.html">Laptops</a></li> <li><a href="mobiles.html">Mobiles</a></li></ul><li><a href="download.html">Download</a></li><ul> <li><a href="macv.html">Mac Version</a></li> <li><a href="download.html">Windows Version</a></li></ul><li><a href="contact.html">Contact Us</a></li></body> Link is:http://www.geocities.com/fazlionline/css/css_list_menu.html Link to comment Share on other sites More sharing options...
Synook Posted April 12, 2009 Share Posted April 12, 2009 You can apply float:left to your list items. You will probably need to make other style changes - see how it looks. Link to comment Share on other sites More sharing options...
jlhaslip Posted April 12, 2009 Share Posted April 12, 2009 Check this Tutorial and the menu codes found on the Parent page at that site. Link to comment Share on other sites More sharing options...
Steven Posted April 13, 2009 Share Posted April 13, 2009 For all things list: http://css.maxdesign.com.au/listamatic/ Link to comment Share on other sites More sharing options...
thescientist Posted April 19, 2009 Share Posted April 19, 2009 For all things list: http://css.maxdesign.com.au/listamatic/ awesome, another fun with lists site! I can never get enough of these. Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.