Hello,
ich stehe gerade vor einem Problem mit CSS und ich hoffe, ihr könnt mir helfen.
Wo ist denn der relevante Code?
Lass uns doch bitte nicht im Dunkeln stehen und zeige uns die relevanten HTML- und CSS-Abschnitte.Liebe Grüße aus dem schönen Oberharz
Tom vom Berg
Okay. Also der Container mit den Bildern:
div#content div#slideshow {
float: right;
width: 60%;
max-width: 1280px;
border: 2px solid green;
}
Dann die Bilder:
div#content div#slideshow img {
position: absolute;
width: 100%;
z-index: 1;
}
Und für das aktuelle Bild:
div#content div#slideshow img.slideshow_current {
z-index: 3;
}
Und in HTML sieht das ganze dann so aus:
<div id="slideshow">
<img src="images/slideshow/1.png" class="slideshow_current" />
<img src="images/slideshow/2.png" />
<img src="images/slideshow/3.png" />
</div>
Das erste hat schon die entsprechende Klasse, JavaScript ändert das ganze später.