pilp4 Posted November 15, 2009 Report Share Posted November 15, 2009 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 More sharing options...
jlhaslip Posted November 15, 2009 Report Share Posted November 15, 2009 A UL is a block level element which means that it likes to start on a new line (sort of).Use float: left on the first image might work. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now