a list question

**pizza** · 11-16-2006, 05:12 AM

i have a vertical menu and i want to add a small picture on the side of the item.like this:

Code:

<li><a href="links.html" ><img src="images/men6.jpg" border="0" />festivals</a></li>

i have a top border to each item and my problem is that i cant get rid of the space i get between the image and the next item, i think it is because the text itself by default has a small space from the bottom?
can i solve this?

**gringo** · 11-16-2006, 07:19 AM

Is it possible to add a background image to the <li> using css?

**pizza** · 11-16-2006, 08:40 AM

i dont know if it makes sense or any problems because i didnt do it before but so far in eplorer it works, exept for the space problem that i hope some ine can help me with...

**ADAM Web Design** · 11-16-2006, 08:55 AM

Code:

li {
    margin:  0;
    padding:  0;
}

Play with that. See how it does. By the way, you spell your name the same as my sister does. How rare!

**pizza** · 11-16-2006, 10:44 AM

you mean pizza?

**Nahele** · 11-16-2006, 11:47 AM

I think he means tami...

I had to use this to get it to work

Code:

ul {list-style-type: none;}
ul li {margin-top: -5;}
img {border: 0;}

**pizza** · 11-17-2006, 03:56 AM

because i have a border

Code:

ul li{border-top:1px solid #851F03;}

if i use margin top :-5px; or even lower it does get rid of the space between the images but also gets rid of the border.....

**ADAM Web Design** · 11-17-2006, 09:37 AM

Yes, I meant Tami.

What happened when you added border-top: 1px solid #851F03; to my code?

**pizza** · 11-20-2006, 09:26 AM

i tried this

Code:

ul li{
border-top:1px solid #851F03;
    margin:  0;
    padding:  0;
}

and it didnt make any diffrence. when i tried {margin-top: -5;}
it changed the space but on the account of the top border.