Horizontales Menü mit verschiedenen Breiten

In diesem Beispiel wird die hmenue-Position verwendet. Dabei muss die jeweilige Nummer des Menü-Eintrages mit der nth-of-type(nummer) übereinstimmen. Beim letzten Menüpunkt wird der rechte Rand ausgeschaltet. Zum Schluss wird das gesamte Menü noch um 60px eingerückt.

 

#hmenue li:nth-of-type(1)
{
width:100px;
}

#hmenue li:nth-of-type(2)
{
width:120px;
}

#hmenue li:nth-of-type(3)
{
width:120px;
}

#hmenue li:nth-of-type(4)
{
width:200px;
}

#hmenue li:nth-of-type(5)
{
width:200px;
border:none;
}

 

#hmenue
{
margin-left:60px;
}

Online

Aktuell sind 5 Gäste und keine Mitglieder online