Zurück   Flashforum > Alternative Technologien > HTML und CSS

Antwort
 
LinkBack Themen-Optionen Ansicht
Alt 18-12-2008, 09:00   #1 (permalink)
peoplesinstinctivetravel
 
Benutzerbild von ran2
 
Registriert seit: Aug 2002
Ort: konstanz
Beiträge: 775
Hover over background mit CSS

Hallo zusammen,

habe irgendwie einen kleines CSS Logikproblem mit einem hover.

ich habe ein menu im stil:
PHP-Code:
 <ul><li><a href="#"></a></li></ul
und nun soll beim hover die farbe eines rechteckigen kastens um den link wechseln. das funktioniert auch:

ul li{
height:32px;
background-color:#fff;
}

ul li:hover{
height:32px;
background-color:#000;
}

Nur soll sich ausserdem noch beim hover die Textfarbe ändern. Und genau das bekomme ich nicht hin - zumindest nicht so dass man nur über den kasten fahren muss damit sich die TEXTFARBE ändert. Bei mir gehts nur so dass sich bei text hover die text farbe ändert nicht aber bei kasten hover die textfarbe
ran2 ist offline   Mit Zitat antworten
Alt 18-12-2008, 09:06   #2 (permalink)
flashforum
 
Benutzerbild von marc
 
Registriert seit: Jun 2001
Ort: krefeld
Beiträge: 13.866
Vorab: Pseudo-Klassen wie Hover werden nicht von allen Browsern auf allen Elementen unterstützt. Besser du löst das über das eingeschlossene Anchor-Tag innerhalb des <li>.

Die Textfarbe im Hover änderst du aber abgesehen davon über die Eigenschaft color. Also:

color: #ff0000;

Gruß,
marc
__________________
Wo sonst? TwitterFlickrXINGFacebook

beyond tellerrand

[ Wo findet ihr mich noch: twitterdribbblezootoolgoogle+facebookmarc.thielespoiler.web ]
marc ist offline   Mit Zitat antworten
Alt 18-12-2008, 09:12   #3 (permalink)
mod_rewrite
 
Benutzerbild von sonar
 
Registriert seit: Feb 2003
Ort: München
Beiträge: 15.621
Google mal nach 'iehover.htc', wenn du nem IE das "hovern über Nicht-Anchors" beibringen willst.
__________________
RTFM
Wie man Fragen richtig stellt.

Achim Bindannmalweg

Money makes the world go round, fear makes it turn much faster.
(New Model Army)
sonar ist offline   Mit Zitat antworten
Alt 18-12-2008, 09:15   #4 (permalink)
Inventar
 
Benutzerbild von Nightflyer
 
Registriert seit: Jul 2002
Beiträge: 6.882
ul li{
height:32px;
width: 200px;
background-color:#fff;
border: 1px solid black;
}

ul li a{
display: block;
height: 100%;
width: 100%;
}

ul li a:hover{
color: red;
background-color:#000;
}

funktioniert damit sogar im IE

[Edit] Den letzten beissen die Hunde
__________________
(\__/)
(='.'=)
(")_(")
Nightflyer ist gerade online   Mit Zitat antworten
Alt 18-12-2008, 09:57   #5 (permalink)
peoplesinstinctivetravel
 
Benutzerbild von ran2
 
Registriert seit: Aug 2002
Ort: konstanz
Beiträge: 775
hallo zusammen,

@marc, sorry da hab ich mich wohl du ausgedrückt. das color die textfarbe ändert war mir klar. mein problem war in erster linie, dass der hover nur auf direktes hovern der schrift reagiert hatte sowie ich das gemacht habe.
das beste was ich hinbekommen hatte war ein separater hover, der beim hovern meines kastens den kasten umgefärbt hat, nicht aber die darin enthaltene schrift, dafür musste man extra die schrift hovern.

mit dem vorschlag von nightflyer geht nun alles 100%ig so wie ich wollte, liegt wohl soweit ich den unterschied beurteile an dem display block 100% usw.

danke auf jeden fall... habs noch nicht in allen browser gecheckt, aber es scheint zu tun !
ran2 ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Stichworte
css, display: block, hover, pseudo-klassen

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks sind an
Pingbacks sind an
Refbacks sind an



Alle Zeitangaben in WEZ +1. Es ist jetzt 10:10 Uhr.

Domains, Webhosting & Vserver von Host Europe
Unterstützt das Flashforum!
Adobe User Group


Copyright ©1999 – 2012 Marc Thiele