Autor |
Nachricht |
ZeroFlash
Threadersteller
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 13.01.2006 08:14
Titel [css]bildwechsel mit hover und active |
|
|
also ich hab mir einen mousover effekt für eine navigation mit css gebastelt. funktioniert soweit auch. was mein problem ist, wenn der link geklickt wird, also aktiv ist, soll die neugeladene grafik angezeigt werden, bis ein neuer link geklickt wird.
hier mal der code
Code: | <html>
<head>
<style>
.button {
width:17px;
height:140px;
}
.button a:link {
width:17px;
height:140px;
background: url(subjekt_kl.gif);
background-repeat:no-repeat;
display:block;
}
.button a:visited {
widht:17px;
height:140px;
background:url(subjekt_kl.gif);
background-repeat:no-repeat;
display:block;
}
.button a:active {
width:17px;
height:140px;
background:url(subjekt_gr.gif);
background-repeat:no-repeat;
display:block;
}
.button a:hover {
width:17px;
height;140px;
background: url(subjekt_gr.gif);
background-repeat:no-repeat;
display:block;
}
</style>
</head>
<body>
<div class="button"><a href="#"></a></div>
</body>
</html> |
die sache ist, im ie funktioniert es ohne probleme und zeigt mir die grafik nach dem klick an. im firefoxund safari nicht :/
|
|
|
|
|
joe
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Fr 13.01.2006 09:39
Titel
|
|
|
Linkdefinitionen müssen immer in folgender Reihenfolge definiert werden:
a:link
a:visited
a:hover
a:active
ändere das mal und sag bescheid, ob das schon die Lösung war.
joe
|
|
|
|
|
Anzeige
|
|
|
ZeroFlash
Threadersteller
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 13.01.2006 09:47
Titel
|
|
|
habs geändert aber das war leider nicht der punkt der lösung
|
|
|
|
|
joe
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Fr 13.01.2006 09:49
Titel
|
|
|
ok...also was soll genau passieren? Willst du, dass der Menüpunkt nach Klick und neu laden der Seite ein andere Grafik anzeigt?
Das ist imho nicht möglich, denn aktiv ist ein Link nur solange bis er seinen Job (also die Weiterleitung) erledigt hat.
Oder meinst du was ganz anderes?
|
|
|
|
|
ZeroFlash
Threadersteller
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 13.01.2006 10:00
Titel
|
|
|
ich mein das der link nach dem klick ´weiterhin als aktiv angezeigt wird, so das man sieht, wo man sich befindet
hier das ist die beispieldatei... ich lasse die navigation stehen und include den content aus einer anderen php datei. der content soll angezeigt werden (tut er auch) und der link soll dazu weiß bleiben bis ein anderer link geklickt wird.
das sollte sich doch realisieren lassen. denn der link ist doch solange aktiv wie ich auf der seite bin und und noch nicht wieder etwas geklickt habe...
|
|
|
|
|
joe
Dabei seit: 28.06.2005
Ort: berlin
Alter: -
Geschlecht:
|
Verfasst Fr 13.01.2006 10:06
Titel
|
|
|
Genauer gesagt muss der Mauszeiger den rechteckigen Bereich (die Box), den jedes Element auf einer Seite einnimmt, anklicken und aktiviert ist ein Element solange die Maustaste gedrückt wird.
Quelle: http://www.css4you.de/active.html
Scheint wohl wieder so'ne ie Eigenart zu sein, das der active-Status bis zum Aktivieren anderer Elemente erhalten bleibt…
|
|
|
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht:
|
Verfasst Fr 13.01.2006 10:13
Titel
|
|
|
jop.. active ist der state eines elements nur während eines klicks auf es. das hat nichts mit der angezeigten seite zu tun.
da musst du schon eine eigene hilite klasse für anlegen.
|
|
|
|
|
ZeroFlash
Threadersteller
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 13.01.2006 11:27
Titel
|
|
|
hmm schade, dass es so einfach nicht geht. dann macht der ie mal wieder dinge, die eigentlich nicht gehen dürfen...
muss ich mal scharf nachdenken wie ich das jetzt mache... vll kann mir ja jemand nen tipp geben
|
|
|
|
|
|
|
|
Ähnliche Themen |
hover-Button/hover-Bild wird darunter eingefügt
Active X
active Nav
css->active Link?
a:active beibehalten
a:active auf Tablets?
|
|