Homepage selbermachen 7.847 Themen, 35.565 Beiträge

Verfolgung starten Optionen

Div oder span über Bild einblenden mit :hover

hansapark / 8 Antworten / Flachansicht Nickles

Hallo.

Ich habe gefloatete divs, die eine Galerie ergeben. In jedem div ist ein thumbnail-Bild.
Wie kann ich am einfachsten erreichen (mit CSS) dass bei MouseOver-Bild rechts oben in der Ecke meines Bildes ein kleines div (oder z.b. ein span)  erscheint? Also über dem Bild.

(so ähnlich wie bei facebook)

Alles was ich probiert habe ist gescheitert.

Wie kann man da generell herangehen?

Vielen Dank. weiß nicht mehr weiter
h.

bei Antwort benachrichtigen
Mit :hover kannst du nur das angezeigte Element selbst manipulieren, nicht ... Zaphod
Wäre das nicht auch wie folgt möglich? div.aussen div.innen display:none ... Borlander
Hallo. So in der Art hatte ich es auch probiert, aber irgendwie ging es ... hansapark
Borlander hansapark „Hallo. So in der Art hatte ich es auch probiert, aber irgendwie ging es nicht....“
Optionen

Also bei mir funktioniert es damit:

<html>
<head>

<style>
<!--

div.aussen {
 border: 1px solid red;
 width: 200px;
 height: 200px;
}

div.aussen div.innen {
  display:none;
  background-color: #999;
}
div.aussen:hover div.innen {
  display:block;
}

//-->
</style>

</head>
<body>


<div class="aussen">
 <div class="innen">Text</div>
</div>

<div class="aussen">
 <div class="innen">Text</div>
</div>

<div class="aussen">
 <div class="innen">Text</div>
</div>

<div class="aussen">
 <div class="innen">Text</div>
</div>

</body>
</html>

bei Antwort benachrichtigen
Hallo. Ja , jetzt geht es bei mir auch . Bleibt nur das Problem, dass das ... hansapark
und position:absolute ist glaube nicht geeignet, da es auf so viele Bilder ... Borlander
hallo. ich habe es hinbekommen. habe dem eltern-element div nach seinem ... hansapark
ich glaube das war der haken, dass das eltern-div kein relative hatte. Eine ... xafford