Navi ohne Tabellen

[reddragonka]

Hey ho, ich habe nicht gerad ich größte Erfahrung über html & css aber ich will eine Seite bauen, jedoch hab ich jetzt schon meine ersten Probleme. Nachdem ich eine Navigationsleiste in gemalt habe, wollte ich die einbauen ?. Das hab ich auch ohne Probleme Geschäft nur hab ich das mit Tabellen gemacht und jetzt hab ich gehört, dass es eine veraltet Methode wäre und die ist nicht zukunftssicher (oder so). Also, das gleiche Spielchen mit div, nun es sieht noch nicht aus wie das Original aber ich frag mich gerad echt im Ernst ob ich das, was ich da treibe, auch so richtig ist.

Also meine Frage ist wie mach ich das jetzt richtig. Hier so wie ich mir das gedacht habe.

div.navibar-links {
    position:relative;
    left:-28px;
    width: 28px;
    height: 62px;
    background:url(images/Navi1.gif)  no-repeat left;
}
div.navibar-mitte {
    position:relative;
    left: 30%;
    width: 250px;
    height: 62px;
    background-image:url(images/Navi2.jpg);
}

div.navibar-rechts {
    position:relative;
    left:278px;
    width: 28px;
    height: 62px;
    background:url(images/Navi4.gif)  no-repeat right;
}

 

[Flosse]

AW: Navi ohne Tabellen

Hallo,

eine Navigation baut man am besten über eine Liste (Aufzählungspunkte) auf.

Die Formatierung über CSS läuft über #navibar li = das ist der Listenpunkt und die Links über #navibar li a und #navibar li a:hover. Jetzt kommt es noch auf Deine Grafiken an. Entweder hinterlegst Du eine komplette Grafik unter #navibar oder unter li a bzw. li a:hover.

 

[Herr_D]

AW: Navi ohne Tabellen

 

[sokie]

AW: Navi ohne Tabellen

eine Grafik für einen Bereich der (nach deinem css) 306 x 62px gross ist, brauchst du nicht zu slicen. die kannst du als png24 komplett als hintergrund für die ul nehmen - divs brauchst du da gar nicht.

 

[kywo]

AW: Navi ohne Tabellen


(kostet Punkte)

Hier bekommst du die Vorgehensweise gut erklärt.

kywo