Navigationbar die 2te

[Mr_BIG1893]

Hallo wiedermal,

Ich hoffe ich nerv nicht schon

Ich hätte noch eine Frage zur Navileiste... hoffentlich die letzte

Ich hab mir eure Ratschläge zu Herzen genommen und hab nun versucht die ganze Seite ohne Tabellen, sondern nur mit CSS und DIVs zu machen.

Das hier kam dabei raus:

Ich hoffe so ist das in etwa in Ordnung?

Also zum eigentlichen Problem.
Ich habe das hier gesehen:
Das hat mir sehr gefallen, da kein Javascript da ist usw.
Ich kann mich einfach nicht damit anfreunden, dass man die "Standardschrift" verwenden muss.

Jetzt frage ich mich, ob ich dieses einzelne Bild das er da verdoppelt und dann im Hintergrund, hoch und runter rutschen lässt, auch als Hauptbild verwenden kann (inklusive Schrift).
Dieses Hauptbild würde man dann noch verlinken.

Beispielbilder:



Also anstatt rutschendes Hintergrundbild mit Link drauf, ein rutschendes Hauptbild das selber der Link ist.

Ist das möglich?
Und wenn, kann mir wer erklären wie?

 

[MyBad]

AW: Navigationbar die 2te

Klar ist das möglich!
Du musst halt jedem Button eine eigene ID verpassen.
Zum Beispiel:

<a href="#" id="home"></a>

In der CSS dann:

#home{ 
background: url(home-sprite.gif) no-repeat 0 0; 
display: block; 
height: XXpx; 
width: xxPX 
}

#home:hover{
background: url(home-sprite.gif) no-repeat 0 XXpx; 
}

So sollte das gehen. Musst du dann halt für jeden Buttn machen.

 

[maxtehpg]

AW: Navigationbar die 2te

Guten Morgen,

soweit ich weiß, kann man das im IE seit dem 7er nicht so machen. DIV:hover geht nicht.
Mach dann doch einfach im DIV ein Link als Blockelement und die Breite/ Höhe auf 100%.
Dann den hover auf den Link setzen. Hatte das Problem auch vor kurzem, würde somit, das direkt als Weg wählen.

Angenehmen Tag,

es grüßt der Max

 

[Mr_BIG1893]

AW: Navigationbar die 2te

Bin gerade dabei es nach der leicht abgeänderten Methode von zu machen.
Wie es scheint funzt es auch mit IE.
Leider hat meine Festplatte im Moment einen hänger und ich muss erst alle Daten auf eine andere Festplatte packen.
Ich melde mich nochmal sobald ich es geschafft habe (hoffentlich )
Vielen Dank wiedermal

 

[Mr_BIG1893]

AW: Navigationbar die 2te

So jetzt hab ichs doch noch geschafft

Alles ist so wie ich das gerne hätte

Hier das Ergebniss:

Jetzt belibt mir nurnoch zu sagen

und das von herzen, unglaublich wie einem hier geholfen wird!


Cheers

Ich

PS: weiss wer ne gute Seite wo ich den Code bewerten lassen kann?
möchte gerne wissen ob ich das richtig gecoded habe