Navigation bar images have space

Question

I decided to change from my text/links to image links for my navigation bar, but now my images have spaces between them. http://justxp.x10.mx/test/ How can I fix this?

Your nav ul is an unordered list with no LI elements. Try fixing that for a start. — Billy Moat, Jul 31 '12 at 22:46

score 1 · Answer 1 · answered Jul 31 '12 at 22:47

1

#navlinks a {
    text-decoration: none;
    float: left;
}

answered Jul 31 '12 at 22:47

Xhynk

13,513
8
32
69

the "float: left;" being the important part – Xhynk Jul 31 '12 at 22:48

neoascetic · Accepted Answer · 2012-07-31T22:59:35.880

0

Set display to inline-block on menu's links elements:

#navlinks a {
    display: inline-block;
    /* hack for old IEs */
    *display: inline;
    zoom: 1;
}

enter image description here

edited Jul 31 '12 at 22:59

answered Jul 31 '12 at 22:42

neoascetic

2,476
25
34

Navigation bar images have space

2 Answers2