Anzeige - [Hier werben / Mediadaten]
(?) Tags raten (?) css, li, list-style, liste, ul (edit)
 
Reply to this topicStart new topicStart Poll
> CSS, ul li Liste, list-style hover im Firefox
Alain_Aubert
  Geschrieben am: Mi 29.12.2004, 01:50
Report PostQuote Post

Ayom Slave
Group Icon

Gruppe: Admin
Beiträge: 4826
Mitglied seit: 25.09.2003


Hallo WF

Ich habe eine kleines CSS Problem, so dass ich den Punkt bei einer Liste (ul) ändern möchte. Das ich ja noch recht einfach:

CODE
#nav ul li{
list-style: url(/style_images/1/buta.gif);
}


<ul><li><a href=''>asdf</a></li></ul>


Wenn ich jetzt noch folgende änderung an den Styles für den Hover Link anbringe:

CODE
#navitem ul li a:hover{
list-style: url(/style_images/1/butb.gif);
}


ist mir zwar der IE gut gesonnen und zeigt an was ich erwarte, aber Firefox zeigt mir nur das erste Bild an und welchselt nicht per Hover.

Gibts einen Fehler in meiner Syntay oder muss ich anderst arbeiten?

thx
Alain

PS Ach ja, ich möchte kein Javascript
Top
PMEmail PosterUsers Website
Top
 
 
Lanza
#2 Geschrieben am: Mi 29.12.2004, 02:30 (+00:40)
Report PostQuote Post

AyomRank 5
**********

Gruppe: Member (aktiv)
Beiträge: 421
Mitglied seit: 14.04.2004


müste man mehr davon sehen nicht nur diesen schnipsel


CODE
#navitem ul li a:hover{
list-style: url(/style_images/1/butb.gif);
}


aber ich glaube das müßte auch noch irgendwie mit rein bin mir aber jetzt nicht gans sicher

CODE
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover
Top
PMUsers Website
Top
 
Alain_Aubert
#3 Geschrieben am: Mi 29.12.2004, 02:47 (+00:17)
Report PostQuote Post

Ayom Slave
Group Icon

Gruppe: Admin
Beiträge: 4826
Mitglied seit: 25.09.2003


Wie meinst Du mehr sehen? Es gibt nicht mehr.

CODE
a.menu:link, a.menu:visited, a.menu:active, a.menu:hover

Da steig ich auch nicht. Welche Klasse menu?

Ich hatte mittlerweile eine Idee für einen Workaround:

CODE
<a href='' class='ulli'>asf</a>

mit dem Style:

.ulli { background: url(one) }
.ulli a:hover {background: url(other); }


Trotzdem hab ich mich sehr mit dieser Listenvarante angefreundet und wäre über jede schnellere Lösung als alles nochal umbauen dankbar... ;-)
Top
PMEmail PosterUsers Website
Top
 
Jörg Kruse
#4 Geschrieben am: Mi 29.12.2004, 08:04 (+05:16)
Report PostQuote Post

AyomRank 5
Group Icon

Gruppe: Experten Entwicklung
Beiträge: 418
Mitglied seit: 19.12.2004


Zur Erklärung:

CODE
#navitem ul li a:hover{
list-style: url(/style_images/1/butb.gif);
}


list-style ist eine Eigenschaft für li, nicht für a, das hier an letzter relevanter Stelle steht, deswegen zeigt Firefox (korrekterweise) den Hovereffekt nicht an

bei Firefox könnte es vielleicht so funktionieren (ungeprüft):

CODE
#navitem ul li:hover{
list-style: url(/style_images/1/butb.gif);
}


das funktioniert nicht im IE, müsste man dann zusätzlich zur alten Lösung einbauen


--------------------
Top
PMEmail PosterUsers Website
Top
 
Alain_Aubert
#5 Geschrieben am: Mi 29.12.2004, 08:28 (+00:24)
Report PostQuote Post

Ayom Slave
Group Icon

Gruppe: Admin
Beiträge: 4826
Mitglied seit: 25.09.2003


Chapeau ;-)

Funktioniert Wunderbar im Firefox. Danke.

Post Scriptum: Jetzt wird logischerweise der Hover auf den li angewendet, der aber breiter ist als der Link. Ich bin mir noch nicht sicher, ob ich das möchte. Hm, evtl wäre es sogar am besten dem Link 100% breite zu geben, so dass die ganze Zeile verlinkt ist.
Top
PMEmail PosterUsers Website
Top
 
Thema wird von 0 Benutzer(n) gelesen (0 Gäste und 0 anonyme Benutzer)
0 Mitglieder:
Trackback-Url: http://www.ayom.com/track/t/5231

Topic Options Reply to this topicStart new topicStart Poll

 


> Ähnliche Themen
Firefox 2.0.0.18 -> ajax Probleme ?! lalo 130 1 Fr 21.11.2008, 22:34
Liste mit 100% Breite easymoments 95 3 Do 13.11.2008, 13:28
Firefox 3 macht Probleme? Nico B 133 4 Mi 12.11.2008, 22:28
Firefox Problem Marc3l 165 4 So 19.10.2008, 10:42
Liste von CH-Linklisten? markusweb 1998 12 Di 14.10.2008, 20:20
Update Firefox Christian 199 3 Mi 24.09.2008, 10:03
Firefox 3.01 - Ich kotz gleich ... Rainer 756 23 Do 28.08.2008, 14:21
Liste mit Google Sexkeywords ranton 388 3 Sa 16.08.2008, 14:07
php session firefox pangu 276 3 So 10.08.2008, 17:09




Anzeige - [Hier werben / Mediadaten]



Anzeigen


[Hier werben / Mediadaten]