Moin Leute,
ich komme nicht weiter, CSS ist nicht mein Fachthemenbereich. Vielleicht hat hier jemand einen hilfreichen Tipp.
Mein Aufbau:
Ich möchte mehrere Bilder nebeneinander positionieren.
Das Bild umhüllt von einem relativen DIV. In dieses DIV, packe ich zwei Absolute DIV's mit jeweils einen Bild drin.
Grund ist, dass ich mit jQuery hover das zweite Bild über dem ersten anzeigen lasse. Funktioniert problemlos, solange die beiden DIV's absolut sind.
Sobald ich das ganze aber jetzt nach links floate, damit die Bilder sich nebeinenader einreihen um platz zu sparen, verschwindet einfach alles.
CODE (ohne float)
Wo liegt mein Fehler, habt ihr einen Tipp?
Gruß
Norbert
ich komme nicht weiter, CSS ist nicht mein Fachthemenbereich. Vielleicht hat hier jemand einen hilfreichen Tipp.
Mein Aufbau:
Ich möchte mehrere Bilder nebeneinander positionieren.
Das Bild umhüllt von einem relativen DIV. In dieses DIV, packe ich zwei Absolute DIV's mit jeweils einen Bild drin.
Grund ist, dass ich mit jQuery hover das zweite Bild über dem ersten anzeigen lasse. Funktioniert problemlos, solange die beiden DIV's absolut sind.
Sobald ich das ganze aber jetzt nach links floate, damit die Bilder sich nebeinenader einreihen um platz zu sparen, verschwindet einfach alles.
CODE (ohne float)
Code:
- <style>
- #parent{
- position:relative;
- }
- .child_1, .child_2 {
- position: absolute;
- }</style>
- <a href="'.$f.'" data-dialog>
- <div id="parent"> <div class="child_1"><img src="'.$file.'thumbnail/'.$f.'"></div> <div class="child_2" style="display:none"><label for="'.$f.'"><img src="images/error.png" title="'.$f.'"></label></div> </div> </a>
Gruß
Norbert
Kommentar