Antworten auf deine Fragen:
Neues Thema erstellen

Navi ohne Tabellen

reddragonka

Noch nicht viel geschrieben

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.


Code:
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

Noch nicht viel geschrieben

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.
 

sokie

Mod | Web

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

Nixnutz

AW: Navi ohne Tabellen


(kostet Punkte)

Hier bekommst du die Vorgehensweise gut erklärt.

kywo
 
Zuletzt bearbeitet:
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Zurzeit aktive Besucher

Statistik des Forums

Themen
118.611
Beiträge
1.538.342
Mitglieder
67.524
Neuestes Mitglied
BSKGA
Oben