Annoying spaces.

[Immortal Technique]

I dont know how to get rid of these spaces between each image.



Here's my html menu setup:

Code:

    <div id="menu_l"></div>
    <div id="menu" align="center">
        <ul>
            <li><a href="#" ><img src="images/menu_home.png" border="0" /></a></li>
            <li><a href="#" ><img src="images/menu_download.png" border="0"/></a></li>
            <li><a href="#" ><img src="images/menu_register.png" border="0"/></a></li>
            <li><a href="#" ><img src="images/menu_donate.png" border="0"/></a></li>
            <li><a href="#" ><img src="images/menu_ranking.png" border="0"/></a></li>
            <li><a href="#" ><img src="images/menu_forum.png" border="0"/></a></li>
            <li><a href="#" ><img src="images/menu_chat.png" border="0"/></a></li>  
        </ul>
    </div>
    <div id="menu_r"></div>

and here's the menu css:

Code:

#menu_l {
    float: left;
    margin:10px 0 0 0;
    padding: 0 0 0 0;
    width: 17px;
    height: 47px;
    background-image: url(../images/menu_left.png);
    background-repeat: no-repeat;
}

#menu_r {
    float: right;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
    width: 12px;
    height: 47px;
    background-image: url(../images/menu_right.png);
    background-repeat: no-repeat;
        
}

#menu {
    float: left;
    margin: 10px 0 0 0;
    width: 721px;
    height: 47px;    
    background-image: url(../images/menu_r.png);
    background-repeat: repeat-x;
    padding: 0 0 0 0;
    list-style: none;
    display: inline;
}

Btw, menu_l and menu_r are just the left and right side images of the menu's background.

I dont know where those spaces came from. Thank you.

[MarkW7]

Why is there two .. in front the the css line.

background-image: url(../images/menu_left.png);

Upload the files and i'll take a look.

[Immortal Technique]

I dont really want to get this thing public, so is there any way I can PM you or anything. I need 10 posts to PM.

[MarkW7]

Once you've reached 10 posts, you can PM me.

[Marik™]

Lol dude just delete them.

[Crysis.]

Lol dude just delete them.

Yeah, just delete them surely that's the easiest way.

[Immortal Technique]

I cant delete them. I dont know where those spaces are. I think those spaces come from <li>, cuz you know how when you put <li> display:inline, it's got a break between each <li>.. I think thats why..

[Immortal Technique]

Well, I just found out, by putting all <li>'s between <ul> tags in 1 line, it gets rid of the spaces. but the code looks bad when its in 1 line...

[Perfect]

<li> makes the lines

[iPlay]

I have the same problem on my website, thanks for answers!