Auf Thema antworten 2026

Beitrag

<blockquote data-quote="seomania" data-source="post: 2450079">Hallo Gemeinde,ich möchte für ein Restaurant eine responsive Webseite erstellen. Mein Problem dabei ist, dass der Kunde im Headerbereich eine Slideshow die in 2 darauf liegenden Wellen eingebettet werden soll, haben möchte (siehe Anhang). Mit meinem aktuellen Code klappt das allerdings nicht so. Momentan wird zwar das Bild slider_inside.jpg angezeigt jedoch die Wellle nicht.Der slider_bottom.png im #slider_wrapper ist die Welle die auf dem Bild liegt.&nbsp; &lt;div id=&quot;slider&quot;&gt;&nbsp; &lt;div id=&quot;slider_wrapper&quot;&gt;&nbsp; &lt;div id=&quot;slider_inside&quot;&gt;&lt;img src=&quot;images/slider_inside.jpg&quot;&gt;&lt;/div&gt;&nbsp; &lt;/div&gt;&nbsp; &lt;/div&gt;#slider {&nbsp;&nbsp; clear: both;&nbsp;&nbsp; margin-left: 0;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp; display: block;&nbsp;&nbsp; float: left;&nbsp;&nbsp; height: 100%;}#slider_wrapper {&nbsp;&nbsp; clear: both;&nbsp;&nbsp; float: left;&nbsp;&nbsp; width: 100%;&nbsp;&nbsp; display: block;&nbsp;&nbsp; height: 100%;&nbsp;&nbsp; margin: 0;&nbsp;&nbsp; padding: 0px;&nbsp;&nbsp; position: relative;&nbsp;&nbsp; background-image: url(../images/slider_bottom.png);&nbsp;&nbsp; background-repeat: no-repeat;&nbsp;&nbsp; background-position: left center;&nbsp;&nbsp; z-index: 500;}#slider_inside {&nbsp;&nbsp; width: 100%;&nbsp;&nbsp; display: block;&nbsp;&nbsp; position: relative;&nbsp;&nbsp; z-index: 0;&nbsp;&nbsp; height: 100%;&nbsp;&nbsp; margin: 0px;&nbsp;&nbsp; padding: 0px;&nbsp;&nbsp; clear: both;&nbsp;&nbsp; float: left;}&nbsp;Kann mir jemand helfen? Vielen Dank schon mal.</blockquote>

[QUOTE="seomania, post: 2450079"] Hallo Gemeinde, ich möchte für ein Restaurant eine responsive Webseite erstellen. Mein Problem dabei ist, dass der Kunde im Headerbereich eine Slideshow die in 2 darauf liegenden Wellen eingebettet werden soll, haben möchte (siehe Anhang). Mit meinem aktuellen Code klappt das allerdings nicht so. Momentan wird zwar das Bild [I][U]slider_inside.jpg[/U][/I] angezeigt jedoch die Wellle nicht. Der [U][I]slider_bottom.png[/I][/U] im [I][U]#slider_wrapper[/U][/I] ist die Welle die auf dem Bild liegt. <div id="slider"> <div id="slider_wrapper"> <div id="slider_inside"><img src="images/slider_inside.jpg"></div> </div> </div> #slider { clear: both; margin-left: 0; width: 100%; display: block; float: left; height: 100%; } #slider_wrapper { clear: both; float: left; width: 100%; display: block; height: 100%; margin: 0; padding: 0px; position: relative; background-image: url(../images/slider_bottom.png); background-repeat: no-repeat; background-position: left center; z-index: 500; } #slider_inside { width: 100%; display: block; position: relative; z-index: 0; height: 100%; margin: 0px; padding: 0px; clear: both; float: left; } Kann mir jemand helfen? Vielen Dank schon mal. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?