Autor |
Nachricht |
tomyp
Threadersteller
Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht:
|
Verfasst Mi 17.03.2010 15:04
Titel CSS - Hover / Link / Bild - Bild verschwindet nach Klick |
|
|
Halli Hallo =)
Ich habe zu dem Thema leider nix anderes gefunden...nur ne menge andere lösungsvorschläge nur die helfen mir nicht weiter =D
ich hab eine navi mit mehreren verschieden großen Bildern. Diese sollen sich per Hover einfärben.
Funktioniert!
nun aber wenn ich bei der hp auf einen Link klick. Ob es nun das Impressum oder die Navi..egal welcher Link. Die Bilder verschwinden Alle.
Bevor ich den Code einfüge: Bitte helft mir bei diesem Code und gebt mir keine andere Methode - mir geht es auch darum warum es passiert, damit ich css besser verstehe =)
CSS:
.nav_top_startseite:link, visited, active, focus{
display: block;
width: 143px;
height: 48px;
background-image: url(images/startseite_0.jpg);
}
.nav_top_startseite:hover{
background-image: url(images/startseite_1.jpg);
}
ul.nav_top {
margin: 0;
padding: 0;
}
ul.nav_top li {
float: left;
margin: 0;
padding: 0;
display: inline;
}
ul.nav_top span {
display: none;
}
HTML
<div id="nav_top">
<ul class="nav_top">
<li><a href="#" class="nav_top_startseite"><span>Startseite</span></a></li>
</ul>
</div>
Wäre klasse wenn ihr mich aufklären könntet =)
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 17.03.2010 15:12
Titel
|
|
|
Evtl hast Du auf den Folgeseiten die Klasse nicht vergeben!?
Ich denke der Hover Effekt soll sich auf den aktiven Navigationspunkt anwenden.
Dann nimm die Kaskade für den Hovereffekt und erstelle daraus eine neue Klasse die den aktiven Link beschreibt.
|
|
|
|
|
Anzeige
|
|
|
tomyp
Threadersteller
Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht:
|
Verfasst Mi 17.03.2010 15:16
Titel
|
|
|
Kash hat geschrieben: | Evtl hast Du auf den Folgeseiten die Klasse nicht vergeben!?
Ich denke der Hover Effekt soll sich auf den aktiven Navigationspunkt anwenden.
Dann nimm die Kaskade für den Hovereffekt und erstelle daraus eine neue Klasse die den aktiven Link beschreibt. |
Folgeseiten gibt es nicht ^^ Ist nur "#"
Ich muss auch den Cache löschen damit es wieder geht. Sprich ein einfaches aktualisieren macht es nicht wett.
Den zweiten Teil von dir versteh ich nich so o.o ^^
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 17.03.2010 15:18
Titel
|
|
|
tomyp hat geschrieben: | Kash hat geschrieben: | Evtl hast Du auf den Folgeseiten die Klasse nicht vergeben!?
Ich denke der Hover Effekt soll sich auf den aktiven Navigationspunkt anwenden.
Dann nimm die Kaskade für den Hovereffekt und erstelle daraus eine neue Klasse die den aktiven Link beschreibt. |
Folgeseiten gibt es nicht ^^ Ist nur "#"
Ich muss auch den Cache löschen damit es wieder geht. Sprich ein einfaches aktualisieren macht es nicht wett.
Den zweiten Teil von dir versteh ich nich so o.o ^^ |
Sorry, dann verstehe ich Deine Problemstellung nicht. Kannst Du bitte das Online Bsp posten?
Dein Kaskade enthält auch fehler
Code: | .nav_top_startseite:link, .nav_top_startseite:visited, .nav_top_startseite:active, .nav_top_startseite:focus{
display: block;
width: 143px;
height: 48px;
background-image: url(images/startseite_0.jpg);
} |
Zuletzt bearbeitet von Kash am Mi 17.03.2010 15:20, insgesamt 1-mal bearbeitet
|
|
|
|
|
tomyp
Threadersteller
Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht:
|
Verfasst Mi 17.03.2010 15:25
Titel
|
|
|
[quote="Kash"][quote="tomyp"] Kash hat geschrieben: |
Dein Kaskade enthält auch fehler
Code: | .nav_top_startseite:link, .nav_top_startseite:visited, .nav_top_startseite:active, .nav_top_startseite:focus{
display: block;
width: 143px;
height: 48px;
background-image: url(images/startseite_0.jpg);
} |
|
Problem gelöst...hätte net gedacht, dass ich allles ausschreiben muss.
Riesen Dank - der Nachmittag ist gerettet =D
|
|
|
|
|
Kash
Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht:
|
Verfasst Mi 17.03.2010 15:30
Titel
|
|
|
[quote="tomyp"][quote="Kash"] tomyp hat geschrieben: | Kash hat geschrieben: |
Dein Kaskade enthält auch fehler
Code: | .nav_top_startseite:link, .nav_top_startseite:visited, .nav_top_startseite:active, .nav_top_startseite:focus{
display: block;
width: 143px;
height: 48px;
background-image: url(images/startseite_0.jpg);
} |
|
Problem gelöst...hätte net gedacht, dass ich allles ausschreiben muss.
Riesen Dank - der Nachmittag ist gerettet =D |
Hier geht es ja auch nicht um denken, sondern um wissen
Und von daher gebe ich Dir den Tipp Dich intensiver mit CSS zu beschäftigen.
|
|
|
|
|
tomyp
Threadersteller
Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht:
|
Verfasst Mi 17.03.2010 15:35
Titel
|
|
|
bin ich dabei =)
aller anfang ist schwer
|
|
|
|
|
|
|
|
Ähnliche Themen |
link klicken, bild tauschen (KEIN hover!)
hover-Button/hover-Bild wird darunter eingefügt
Bild mit hover Textelementen
Bild wackelt bei img:hover
Kreiselement vor Bild bei Hover
Bild durch Klick via JS in neuem Fenster?
|
|