|
|||
Habs jetzt so probiert wie in der faq beschrieben, aber es funktioniert einfach nicht.. es tut sich nichts beim mouseover...
CSS: Code:
/* navi */ #navi li { float: left; width: 81px; } #navi #kontakt { width: 81px; } #navi a, #navi strong { display: block; height: 36px; width: 100%; position: relative; overflow: hidden; } #navi span { position: absolute; width: 100%; height: 36px; top: 0; left: 0; background: url(img/home2.png) no-repeat; } #home { padding-left: 40%; } #navi #home a span { background-position: 0 0; } #navi #home a:hover span, #navi #home a:active span, #navi #home a:focus span, #navi #home strong span { background-position: 0 -72px; Geändert von OliOne (01.10.2008 um 19:47 Uhr) |
Sponsored Links |
|
|||
Du hast jetzt für einen Link innerhalb eines Elements mit der ID #home einen Hover-Effekt angegeben.
Es gibt aber dort gar keinen Link. Dort steht ein strong.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Zitat:
PS: Diese Antworten sind hilfreich, danke |
|
|||
Hm, jetzt mal prinzipiell die Frage: Das Bild verschiebt sich schon vertikal und nicht horizontal, oder? Klappt bei mir überhaupt nicht (mit Einstellung 36 bei background-position). Es erscheint jetzt lediglich die zweite Hälfte der GRafik NEBEN der anderen... Ausserdem erscheint die Buttongrafik von "home" eben auch bei den anderen Menupunkten..
Geändert von OliOne (02.10.2008 um 10:06 Uhr) |
|
||||
Ja, der zweite Wert von bg-pos. ist der vertikale.
Zitat:
Zitat:
Es fehlt auch noch der Link-Text von team & kontakt.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Zitat:
Bez. der fehlenden Link-Texte: Die füge ich dann später wieder ein, hab sie der Einfachheitshalber rausgenommen, bis ich deren id's erstellt habe und "home" einwandfrei läuft. |
|
||||
Du hast strong noch drin - entweder strong oder a, nicht beides (letzteres ist ein "Sonderfall").
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Ahhhhhhh super, jetzt funktionierts! HERZLICHEN DANK! Jetzt muss ich nur noch versuchen es in meinen urspr. Code einzubauen
Btw: Auch wenns nichts zur Sache tut, weshalb schliesst das strong ein a aus? Und was meinst du mit "Sonderfall"? edit: Wie kann ich denn jetzt eine zweite Grafik für die nächste id einfügen? Die Grafik von "home" läuft ja über die id navi und nicht home..? Geändert von OliOne (02.10.2008 um 10:36 Uhr) |
Sponsored Links |
|
||||
Das strong ersetzt den Link auf der "aktuellen" Seite, damit er nicht auf sich selber zeigt.
Beispiel für den Sonderfall: Eine Seite mit allen Mitgliedern eines Teams, mit weiterführenden Links auf Einzelportraits. Der Link des Menüpunktes "team" ist durch strong ersetzt. Klickt man jetzt auf "Peter Meyer" ist, ist auf dessen Seite der übergeordnete Menüpunkt "team" wieder anklickbar, aber eben auch durch strong hervorgehoben - zur Kennzeichnung des Bereiches, in dem sich der Besucher gerade befindet. Edit: Die Home-Grafik kommt über #home a span, sprich die Verschiebung der Grafik. Mache jetzt aus all Deinen Grafiken eine und verschiebe sie individuell.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) Geändert von heiko_rs (02.10.2008 um 10:46 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
komplette Seite verzogen | Massacre | CSS | 2 | 20.10.2009 11:16 |
NAvi funktioniert nicht | jmm | CSS | 13 | 11.09.2008 22:20 |
Problem mit 3 Navigationsebene im CSS-Menü im Internet Explorer | Chellisa | CSS | 0 | 15.08.2008 11:28 |
Menü funzt nicht im FF | mauerblume | CSS | 3 | 30.01.2008 22:36 |
IE6 Problem - a:hover wird nicht angezeigt | cre-aid | CSS | 6 | 28.01.2008 11:52 |