nicht angemeldet
Bildwechsel bei hover und visited
Hallo,
ich steh mal wieder auf dem Schlauch...
Ich habe eine Navigation mit Textbildern. Bei hover wird eine Spirale vor den Textbildern angezeigt. Das funktioniert auch wunderbar.
Doch jetzt soll sich auch noch das Textbild ändern. Wenn ich das aber auch in meinem Externen css-File mache, wechselt er doch immer zum selben Bild. ICh brauch aber immer das passende zu meiner "Anfangs"-grafik.
Außerdem soll ein anderes Bild (auch wieder passend zum Anfangsbild) erscheinen wenn man schonmal auf der Seite war.
Meine 3 Bilder sind praktisch der Text der immer eine andere Farbe hat.
Ich hoffe ihr könnt mir helfen.
lg und vielen Dank schonmal
Nadja
-
Hiho!
Du kannst mit Javascript arbeiten, oder Du erstellst CSS fuer jeden Link. IDs zu benutzen halte ich hier fuer sinnvoll.
--
"Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
- T. Pratchett -
hi,
Ich hoffe ihr könnt mir helfen.
Gerne, allerdings unter der Bedingung, dass du dein Problem nachvollziehbar erklärst.
mfg
-
Hi,
Ich habe eine Navigation mit Textbildern.
Was sind Textbilder?
Bei hover wird eine Spirale vor den Textbildern angezeigt. Das funktioniert auch wunderbar.
Doch jetzt soll sich auch noch das Textbild ändern. Wenn ich das aber auch in meinem Externen css-File mache, wechselt er doch immer zum selben Bild.Dann möchtest du vermutlich einen weniger universellen Selektor in deinen Regeln verwenden.
Außerdem soll ein anderes Bild (auch wieder passend zum Anfangsbild) erscheinen wenn man schonmal auf der Seite war.
:visited
Meine 3 Bilder sind praktisch der Text der immer eine andere Farbe hat.
Informiere dich über CSS-Sprites.
MfG ChrisB
--
“Whoever best describes the problem is the person most likely to solve the problem.” [Dan Roam] -
Nachdem anscheinend nicht ganz klar ist was ich meine hier nochmal mit Quelltext.
Mit Textbildern meine ich einfach einen Text der nicht als Text in HTML steht sondern im Grafikprogramm als Grafik gespeichert ist (da spezielle Effekte dabei sind).Quelltext in meiner html-Seite:
<a class="navilinks" href="link1.html"><img src="images/n_link1.gif" alt="" border="0" width="128" height="22"></a><br>
<a class="navilinks" href="link2.html"><img src="images/n_link2.gif" alt="" border="0" width="100" height="28"></a><br>
Quelltext in meiner externen css-Datei:
a.navilinks{
padding-left: 20px;
}a.navilinks:hover {
background: url("images/spirale.gif") no-repeat;
}
Das er die Spirale bei Mouseover anzeigt klappt auch super. Jetzt soll noch das Bild wechseln es hat den gleichen Namen nur mit einem r_ statt einem n_ vornedran (z.B. r_link1.gif statt n_link1.gif).
Am liebsten wäre mir natürlich so was wie "tausche n_ gegen r_". Ich würde es gerne vermeiden für jeden Link eine eigene css-id anzulegen.Ich hoffe es ist jetzt klarer.
DAnke schonmal
lg Nadja