zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Hover über Kasten soll Schrift weiss machen

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.05.2014, 14:10
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.05.2014
Beiträge: 10
PatricSimon befindet sich auf einem aufstrebenden Ast
Standard Hover über Kasten soll Schrift weiss machen

Hallo

http://www.zanana-living.ch/webseite2014/
Der Hover über einen Kasten unter dem Schnupperstern-Feld soll den Kasten Dunkelviolett und die Schrift weiss machen. Der Wechsel des Kastens klappt schon mal aber ich kriegs einfach nicht hin, schon beim drüberfahren die Schriften weiss zu machen... Wenn man über den Link/H2 fährt gehts.

Mein code:

.et_pb_blog_grid .et_pb_post:hover {
background-color: #a4849c;
color: #FFFFFF;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}

.et_pb_blog_grid .et_pb_post h2:nth-child(2):hover {
color: #FFFFFF;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}

.et_pb_blog_grid .et_pb_post {
background-color: #FFFFFF;
color: #a4849c;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}

Wie krieg ich das hin? Kann mir da einer helfen?

Besten Dank.

Patric
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.05.2014, 14:40
?!?
XHTMLforum-Kenner
 
Registriert seit: 20.03.2013
Beiträge: 1.638
explanator sorgt für eine eindrucksvolle Atmosphäreexplanator sorgt für eine eindrucksvolle Atmosphäre
Standard

Du musst auch das p-Element ansprechen, dann sieht dann so aus:

HTML-Code:
.et_pb_blog_grid .et_pb_post:hover p {
    color: white;
}
Also Element:hover Element

oder wenn es nur das erste nachfolgende Element sein soll
Element:hover > Element
__________________
"Wieso ist der Code schrott, ich dachte hier seien Profis..."
Aus einem Forum.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.05.2014, 15:13
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 08.05.2014
Beiträge: 10
PatricSimon befindet sich auf einem aufstrebenden Ast
Standard Geklappt - fast

Ahoi

Mensch, so einfach... Hat nun geklappt. Besten Dank!!!
Mit Zitat antworten
Antwort

Stichwörter
boxen, css 3, hover, schriftfarbe, transition


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 are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hilfe css Menu center xXcyberXx CSS 5 28.11.2010 19:51
Problem mit CSS Menü SMundt CSS 9 07.01.2009 19:12
CSS Navigation - Problem mit IE6 pcklinik CSS 4 18.09.2007 12:04
Darstellungsproblem CSS Navigation im IE7 pcklinik CSS 7 09.09.2007 17:25
CSS Einsteiger bittet um Hilfe pcklinik CSS 0 06.09.2007 14:40


Alle Zeitangaben in WEZ +2. Es ist jetzt 09:23 Uhr.