No replies
cccrystyyy
cccrystyyy's picture
Offline
newbie
Last seen: 5 years 37 weeks ago
Timezone: GMT+2
Joined: 2014-01-27
Posts: 1
Points: 2

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!