mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Di 19.03.2024 05:50 Benutzername: Passwort: Auto-Login

Thema: CSS - Hover / Link / Bild - Bild verschwindet nach Klick vom 17.03.2010


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> CSS - Hover / Link / Bild - Bild verschwindet nach Klick
Autor Nachricht
tomyp
Threadersteller

Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:04
Titel

CSS - Hover / Link / Bild - Bild verschwindet nach Klick

Antworten mit Zitat Zum Seitenanfang

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 =)
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:12
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
tomyp
Threadersteller

Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:16
Titel

Antworten mit Zitat Zum Seitenanfang

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 ^^
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:18
Titel

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
tomyp
Threadersteller

Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:25
Titel

Antworten mit Zitat Zum Seitenanfang

[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
  View user's profile Private Nachricht senden
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:30
Titel

Antworten mit Zitat Zum Seitenanfang

[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 *zwinker*

Und von daher gebe ich Dir den Tipp Dich intensiver mit CSS zu beschäftigen.
  View user's profile Private Nachricht senden
tomyp
Threadersteller

Dabei seit: 28.02.2008
Ort: Nürnberg
Alter: 33
Geschlecht: Männlich
Verfasst Mi 17.03.2010 15:35
Titel

Antworten mit Zitat Zum Seitenanfang

bin ich dabei =)
aller anfang ist schwer * Ja, ja, ja... *
  View user's profile Private Nachricht senden
 
Ä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?
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.