[CSS] Eerste item wel, daarna geen repeat

[XippIX]

ik ben bezig met wat css werk, het probleem waar ik tegenaanloop is als volgt:

LOGO..................................Hoofdmenu Next Item

hierboven zie je een tekstuele opmaak van mijn menu balk.
Ik zal het even nader noemen.

Logo = het logo wat eerst komt
Hoofdmenu = het hoofdmenu staat 150px vanaf de linkerkant (vanaf het begin van het logo dus)
Next item = het volgende menu kopje

Alleen nu wil ik dus niet hebben dat het kopje "hoofdmenu" en "next item" ook 150px van elkaar afstaan maar gewoon naast elkaar staan.

Hoe is dit op te lossen?

Ik heb nu de volgende code:

code:

#menu ul li {
    padding-left: 120px;
    float: left;
    height: 23px;
    line-height:23px;
    background: url(../images/menu_bg.gif) right top no-repeat;
}

[Walance]

Kun je niet de padding-left bij #menu ul zetten?
Dan doet hij het volgens mij voor het hele menu, ipv per item.

[XippIX]

je bedoelt dus

code:

#menu ul li     padding-left: 120px;
{
    float: left;
    height: 23px;
    line-height:23px;
    background: url(../images/menu_bg.gif) right top no-repeat;
}

[H004]

Nee, natuurlijk bedoelt hij dat niet zo...

Cascading Stylesheet:

#menu ul  {
    padding-left: 120px;
}
#menu ul li {
    float: left;
    height: 23px;
    line-height:23px;
    background: url(../images/menu_bg.gif) right top no-repeat;
}

[Walance]

XippIX schreef op donderdag 24 januari 2008 @ 15:46:
je bedoelt dus

code:

#menu ul li     padding-left: 120px;
{
    float: left;
    height: 23px;
    line-height:23px;
    background: url(../images/menu_bg.gif) right top no-repeat;
}

heh nee, dat gaat niet werken, ik bedoel inderdaad wat H004 laat zien.