Jump to content

Problem With Ul As Menu


Recommended Posts

Hello, im using the following code to create a menubar. The problem is that on either side of the menubar im trying to place an image and while the image to the right is fine, the one on the left is moved up above the menubar and i cannot figure out how to get it down and aligned right like the right hand side. Thanks for any help.

<html><head><style type="text/css">ul#list-nav {list-style:none;margin:20px;padding:0;width:525px}ul#list-nav li {display:inline}ul#list-nav li a {text-decoration:none;padding:5px 0;width:100px;background:#000000;color:#5DB1E3;float:left;text-align:center;border-left:1px solid #5DB1E3;border-right:1px solid #5DB1E3;border-top:2px solid #5DB1E3;border-bottom:2px solid #5DB1E3;}ul#list-nav li a:hover {background:#5DB1E3;color:#000000}span {font-size: 50px;}</style></head><body><img height="34px" width="20%" src="menusides.jpg" /><ul id="list-nav"><li><a href="#">Home</a></li><li><a href="#">About Us</a></li><li><a href="#">Services</a></li><li><a href="#">Products</a></li><li><a href="#">Contact</a></li></ul><img height="34px" width="20%" src="menusides.jpg" /></div></body></html>

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...