XHTMLforum

XHTMLforum (http://xhtmlforum.de/index.php)
-   CSS (http://xhtmlforum.de/forumdisplay.php?f=73)
-   -   CSS - werde ich niemals verstehen (http://xhtmlforum.de/showthread.php?t=73417)

lucky 01.02.2018 02:27

CSS - werde ich niemals verstehen
 
Liste der Anhänge anzeigen (Anzahl: 1)
Hi Leute,

ich bräuchte mal Hilfe von Euch Profis. Ich möchte ein Bild als Hintergrund. In diesem Bild sind Rahmen und in diese Rahmen sollen andere Bilder per Button eingeblendet werden. Und wenn man das im Handy anschaut, soll das natürlich auch alles an den Positionen sein nur halt in klein.

Kann mir da jemand von Euch helfen? Bei Google hab ich nichts passendes gefunden, was sich auf die Schnelle realisieren ließe. Oder ich war einfach nur zu doof - aber das Zeug ist so komplex geworden, da bin ich wohl schon zu alt dafür :)

MrMurphy 01.02.2018 09:17

Hallo

Hast du einen Link zu der Seite? Oder als zweitbeste Möglichkeit den kompletten Quelltext?

Kannst du eine einfache Webseite fehlerfrei erstellen?

Kannst du überhaupt schon Vorder- und Hintergrundbilder einbinden?

Wie groß sind die Bilder?

Gruss

MrMurphy

lucky 01.02.2018 13:31

Hi MrMurphy,

ja klar. Die Bilder werden über Ajax nachgeladen. Javascript und PHP ist alles kein Ding...nur mit CSS blick ich überhaupt nix.

Das Hintergrundbild hat 1000 x 1000 Pixel und die Bilder, die in die Rahen rein kommen haben 250 x 400. Seite gibt es noch keine. Ich starte bei Null.

Ich dachte mir, ich könnte es auf diese Art irgendwie lösen:

<div class="wrapper">
<div class="hintergrund"><img ...bg></div>
<div class="bilderboxen">
<div class="box_left"><img...1></div>
<div class="box_center"><img...2></div>
<div class="box_right"><img...3></div>
</div>
<div class="buttons"><button>change</button></div>
</div>


Der Butten darf ebenfalls im unteren Bereich des Hintergrundbildes sein. Hier ist die Position nicht so tragisch. Wichtig wären nur die Bilder in den Rahmen wie auf der angehängten Grafik.

basti1012 01.02.2018 19:08

https://jsfiddle.net/jnj4voh1/ würde dir das reichen ? Ist aber noch ausbau fähig.

lucky 01.02.2018 20:45

Hi Basti,

schaut schon mal gut aus.. werde ich gleich mal testen.


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:14 Uhr.

Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.

© Dirk H. 2003 - 2023