zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Problem mit a:hover bei der Navi

Antwort
 
LinkBack Themen-Optionen Ansicht
  #21 (permalink)  
Alt 01.10.2008, 19:43
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 23
OliOne befindet sich auf einem aufstrebenden Ast
Frage

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)
Mit Zitat antworten
Sponsored Links
  #22 (permalink)  
Alt 01.10.2008, 19:52
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.775
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

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.
Mit Zitat antworten
Sponsored Links
  #23 (permalink)  
Alt 02.10.2008, 09:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 23
OliOne befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von fricca Beitrag anzeigen
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.
Hm, ich habe das genau so von heiko_rs' faq übernommen..? Aber ich sehe die Struktur irgendwie im Gesamten noch nicht ganz, ist es mir bei diesem Model überhaupt möglich, dass ich für jede ID z.b. team, kontakt etc. eine eigenständige Grafik habe, welche bei a:hover wechselt?

PS: Diese Antworten sind hilfreich, danke
Mit Zitat antworten
  #24 (permalink)  
Alt 02.10.2008, 09:56
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Ja, denn li#home a:hover bewirkt etwas anderes als li#kontakt a:hover etc.

Du bist nur beim strong über's Ziel hinausgeschossen: Der Vertikalwert muss nicht -72px lauten, sondern -36px (denn 72px ist bereits die Gesamthöhe Deiner Doppel-Grafik). Und die Grafiken dürfen keine Transparenz enthalten, damit sie den Text vollständig überdecken (steht aber auch in meinem FAQ-Text).
__________________
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 09:59 Uhr)
Mit Zitat antworten
  #25 (permalink)  
Alt 02.10.2008, 10:02
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 23
OliOne befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
  #26 (permalink)  
Alt 02.10.2008, 10:11
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von OliOne Beitrag anzeigen
Das Bild verschiebt sich schon vertikal und nicht horizontal, oder?
Ja, der zweite Wert von bg-pos. ist der vertikale.

Zitat:
Zitat von OliOne Beitrag anzeigen
Klappt bei mir überhaupt nicht (mit Einstellung 36 bei background-position).
Bei mir schon. Lade Deinen Fehlversuch mal hoch (und poste bitte den Link öfter mal neu, dann muss man ihn sich nicht immer von Seite 1 holen).

Zitat:
Zitat von OliOne Beitrag anzeigen
Ausserdem erscheint die Buttongrafik von "home" eben auch bei den anderen Menupunkten
Die anderen Menüpunkten brauchen noch ihre eigenen Regeln, analog zur den beiden #home-Regeln.

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.)
Mit Zitat antworten
  #27 (permalink)  
Alt 02.10.2008, 10:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 23
OliOne befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von heiko_rs Beitrag anzeigen
Ja, der zweite Wert von bg-pos. ist der vertikale.


Bei mir schon. Lade Deinen Fehlversuch mal hoch (und poste bitte den Link öfter mal neu, dann muss man ihn sich nicht immer von Seite 1 holen).


Die anderen Menüpunkten brauchen noch ihre eigenen Regeln, analog zur den beiden #home-Regeln.

Es fehlt auch noch der Link-Text von team & kontakt.
Ok, Fehlversuch ist hochgeladen und hier Test der Link zur Seite. Es verhält sich jetzt so, dass die erste Grafik (v.l). die mouseover position anzeigt und die zweite und dritte Grafik den "Normalzustand"... ziemlich abwegig hehe

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.
Mit Zitat antworten
  #28 (permalink)  
Alt 02.10.2008, 10:28
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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.)
Mit Zitat antworten
  #29 (permalink)  
Alt 02.10.2008, 10:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 01.10.2008
Beiträge: 23
OliOne befindet sich auf einem aufstrebenden Ast
Standard

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)
Mit Zitat antworten
Sponsored Links
  #30 (permalink)  
Alt 02.10.2008, 10:42
Benutzerbild von heiko_rs
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 18.09.2005
Ort: Berlin
Beiträge: 9.848
heiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblickheiko_rs ist ein wunderbarer Anblick
Standard

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)
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 07:16 Uhr.