Shoutbox

code:

---

#menu a{
    width: 50px;
    height: 15px;
    display: block;
    background: #011F9E;
    color: white;
}
#menu a:hover{
    width: 47px;
    height: 15px;
    display: block;
    background: #E1E1FF;
    border-left: 3px solid #011F9E;
    color: white;
}

---

this makes what i want, but every link is on a new line. how do i make it horisonal?

---

now:

<-->
<-->
<-->
<-->

i want:

<--><--><--><-->

(<--> is a link)

remove "display:block;"

but then it ignores the width and the height and it becomes the size of the text inside

display:inline-block; ? not sure if itll work

nope, no difference

code:

---

#menu a{
    width: 50px;
    height: 15px;
    display: block;
    background: #011F9E;
    color: white;
    float: left;
}
#menu a:hover{
    background: #E1E1FF;
    border-left: 3px solid #011F9E;
}

---

In bold is the bit you need to add to make them all on one line, and i also deleted the stuff you dont need in the :hover statement because it should be inherited from the previous bit.

thnx! Worked!