div soll sich "verschieben"

[mrhappiness]

Folgendes Problem:

Hab auf meiner Seite eine Nav-Leiste, die so aufgebaut is:

Referate   Skripte   Vorlesungsplan   Upload   News schreiben   Gästebuch   Forum   Statistik

Klickt der User jetzt auf Referate, wir eine Seite mit Referate geladen und der Link "Referate" wird mit css rot und fett dargestellt.

Da ich mehr als 1 Design habe, habe ich jedes Element der Nav in einen div gepackt, der dann per css so positioniert wird wie ich will.

Bei obigem Design (# 2) is es so, dass sich z.b. "News schreiben" - falls gewählt - über "Gästebuch" schreibt (wird ja fett dargestellt)

Ich müsste also irgendwie alle Links die rerchts vom momentan gewählten sind um ein paar Pixel verschieben, aber nur für dieses Design.

Hat einer ne Idee?

Zum besseren Verständnis:

[wahsaga]

Re: div soll sich "verschieben"

da müsstest du schon mal ein wenig genauer werden...

wie "erzeugst" du denn überhaupt die abstände zwischen ein einzelnen navigationspunkten - haben die links eine feste breite, arbeitest du mit margins/ paddings, ...?


am besten wäre natürlich wenn man sich das mal online anschauen könnte.

[mrhappiness]

online: http://www.wi01h.de/?site=32 (denk ich )

positionierung der links:

div#Referate
{
    position:absolute;
    left:50px;
    top:140px;
    z-index:5;
}

div#Skripte
{
    position:absolute;
    left:110px;
    top:140px;
    z-index:5;
}

div#Vorlesungsplan
{
    position:absolute;
    left:160px;
    top:140px;
    z-index:5;
}

div#Upload
{
    position:absolute;
    left:260px;
    top:140px;
    z-index:5;
}

div#NewsVerfassen
{
    position:absolute;
    left:310px;
    top:140px;
    z-index:5;
}

div#Gaestebuch
{
    position:absolute;
    left:410px;
    top:140px;
    z-index:5;
}

div#Forum
{
    position:absolute;
    left:480px;
    top:140px;
    z-index:5;
}

div#Statistik
{
    position:absolute;
    left:520px;
    top:140px;
    z-index:5;
}