<html> <head> <meta name="GENERATOR" content="Microsoft FrontPage 5.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>Menu</title> <style type="text/css"> #menu1{ height:25px; font-family:Verdana, Arial, Helvetica, sans-serif; } #menu1 ul{ margin:0; padding:0; list-style-type:none; } #menu1 ul li{ display:inline; } #menu1 ul li a{ text-decoration:none; float:left; height:25; margin:12px 0; padding:15px; width:65px; text-align:center; } #menu1 a:link, #menu1 a:visited{ color:#fff; background-image:url('images/link.gif'); background-repeat:repeat-x; background-position: center 50%; } #menu1 a:hover, #menu1 a:active{ color:#000; background-image:url('images/hover.gif'); background-repeat:repeat-x; background-position: center 50%; } #menu1 a:link, #menu1 a:visited{ color:#fff; background-image:url('images/link.gif'); background-repeat:repeat-x; background-position: center 50%; border: 1px solid #000000 } #menu1 a:hover, #menu1 a:active{ color:#000; background-image:url('images/hover.gif'); background-repeat:repeat-x; background-position: center 50%; border: 1px solid #ff0000; } </style> </head> <body> <div id="menu1"> <ul> <li><a href="#">Freaking</a></li> <li><a href="#">Pretty</a></li> <li><a href="#">CSS</a></li> <li><a href="#">Menu</a></li> <li><a href="#">Just</a></li> <li><a href="#">For</a></li> <li><a href="#">You</a></li> </ul> </div> </body> </html>
See it here
http://ianjgough.com/Menu/
Images can be found in http://ianjgough.com/Menu/images/
I have tried for hours using centre align and margin 0 auto; along with lots of others things i have found on the net but to no help please advise. Many thanks,
Ian
This post has been edited by ianjgough: 09 October 2009 - 02:38 AM