Mon, 2014-01-27 12:11
Hi.
I've started creating an html-css menu and I have a few questions about writing my code.
<div class="menu"> <ul class="menu2"> <div class="home-image"></div> <li id="vini rossi"><a href="#">VINI ROSSI</a></li> <li id="vini bianchi"><a href="#">VINI BIANCHI</a></li> <li id="vini rose"><a href="#">VINI ROSE`</a></li> <li id="grappa"><a href="#">GRAPPA</a></li> <li id="chinati"><a href="#">CHINATI</a></li> <li id="dolci e altre specialita"><a href="#">DOLCI E ALTRE SPECIALITA`</a></li> </ul> </div>
.menu { margin-top:1px; float:left; width:950px; height:40px; background-image:url(image/bg-menu.png); } .menu2 { width:950px; list-style:none; } .menu2 li { display:inline; float:center; padding:50 8px; padding-left:44px; margin:0; } a{ text-decoration:none; color:white; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:14px; } .home-image{ margin-top:-8px; margin-left:-15px; float:left; width:30px; height:29px; background-image:url(image/home.png); }
The menu contains an image with a house on the left side. The problem is that I don't know how to insert the image in my list. I;ve created a div (home-image) and I've added the image like I did with the logo, for example. My general idea is that this thing is not exactly ok and I'd like to know your opinion on it.
About the negative values, I think that something is not quite right. In all the css code that I've looked into, I haven't found any negative values, only positive or, at worst, neutre values.
Thank you!