CSS Hover bei Texten

Verfasser Nachricht

uBasis

Beiträge: 111
Bewertung: 1
Registriert seit: Apr 2011
Status: Abwesend

Beitrag: #1

CSS Hover bei Texten

Hallo.

Ich möchte mit :hover einen Text ausblenden bzw. einblenden.
Standarts sind die Texte deaktiviert, geht man jedoch über Deutsch wird das display:none zu display:block.

HTML

Code:

            <div id="content">

<div class='content_de1'><p> Deutsch </p></div>

<div class='content_en1'><p> English </p></div>

<div class='content_de2'><p> Hallo </p></div>

<div class='content_en2'><p> Hello </p></div></div>

CSS

Code:

.content_de2 p,

.content_en2 p {

    display: none;

}

.content_de1 p:hover  .content_de2 p,

.content_en1 p:hover  .content_en2 p {

    display: block;

}

Funktionieren tut es aber nicht. Was übersehe ich?

„Der Klügere gibt nach! Eine traurige Wahrheit, sie begründet die Weltherrschaft der Dummheit.“

15.05.2011 12:24

Sysix

Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status: offline

Beitrag: #2

RE: CSS Hover bei Texten

Code:

.content_de1 p:hover  .content_de2 p,

.content_en1 p:hover  .content_en2 p {

sollte das nicht

Code:

.content_de1 p:hover, .content_en1 p:hover {

15.05.2011 13:07

Sysix

Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status: offline

Beitrag: #3

RE: CSS Hover bei Texten

.content_de1 p:hover, .content_en1 p:hover {

bedeutet wenn content_de1 p ODER content_en1 p mit der maus berührt wird...

.content_de1 p:hover .content_de2 p,

das ist sowieso falsch, weil du entweder das komma vergessen hast oder content_de2 nicht in content_de1 drin ist

15.05.2011 13:11

uBasis

Beiträge: 111
Bewertung: 1
Registriert seit: Apr 2011
Status: Abwesend

Beitrag: #4

RE: CSS Hover bei Texten

.content_de1 p:hover .content_de2 p bedeutet doch schon:
Gehe mit dem Maus über das p von content_de1, dann wird das p .content_de2 zu einem display: block.

„Der Klügere gibt nach! Eine traurige Wahrheit, sie begründet die Weltherrschaft der Dummheit.“

15.05.2011 13:11

Sysix

Beiträge: 625
Bewertung: 7
Registriert seit: Aug 2010
Status: offline

Beitrag: #5

RE: CSS Hover bei Texten

nein Wink

das müsstest du dan mit javascript lösen wenn du willst

15.05.2011 13:12

uBasis

Beiträge: 111
Bewertung: 1
Registriert seit: Apr 2011
Status: Abwesend

Beitrag: #6

RE: CSS Hover bei Texten

An sich nutze ich diese Funktion bei ul li
<div class='menu'>
<ul>
<li>Menu1<ul><li>Untermenü1</li></li>
</ul>
</div>

.menu ul li ul { display:none}
.menu ul li:hover ul {display:block}

Dies funktiert!

„Der Klügere gibt nach! Eine traurige Wahrheit, sie begründet die Weltherrschaft der Dummheit.“

15.05.2011 13:15

Baumstrukturmodus | Brettstrukturmodus

« Ein Thema zurück | Ein Thema vor »

Möglicherweise verwandte Themen...
Thema:		Verfasser	Antworten:	Ansichten:	Letzter Beitrag
	Hover definieren	BT-Creative.de	3	1.750	30.03.2016 08:05 Letzter Beitrag: Dennis
	CSS last-child und a:hover kombinieren?	Mr-Trust	4	2.065	26.11.2012 18:31 Letzter Beitrag: push
	Farblos, beim Hover mit Farbe (PHP, jQuery)	Aaron	4	1.618	03.10.2012 21:47 Letzter Beitrag: Aaron

Druckversion anzeigen
Thema einem Freund senden
Thema abonnieren
Thema zu den Favoriten hinzufügen