Verschachteln

Diskutiere Verschachteln im HTML Forum im Bereich Programmierung; Hallo ihr lieben, ich bin noch ziemlich am Anfang meines Webdesign Kurses und komme hier absolut nicht weiter. Seit nicht zu streng mit mir falls...
  • Verschachteln Beitrag #1
I
Isa
New member
Beiträge
1
Punkte Reaktionen
0
Hallo ihr lieben, ich bin noch ziemlich am Anfang meines Webdesign Kurses und komme hier absolut nicht weiter.
Seit nicht zu streng mit mir falls ich hier völlig falsch liege :D

Ich versuche es mal zu erklären...
Ich habe ein Bild im "wrapper"
In das Bild soll zentriert ein Kasten.
In den Kasten soll ein Text, ein Button und ein Icon untereinander.
In dem Button wiederum soll ein Text stehen (reservieren).

Das ist mein bisher nicht funktionierender Code...

<div class="backgroundpic">
<img src="images/reservieren.jpg" height="668" width="750" alt="Reservieren">
<div class="box">
<p>Reservieren Sie telefonisch unter 0221/3332211 oder ganz einfach über unser Reservierungsportal.</p>
<div class="button">
<img src="images/buttonweiss.png" height="39" width="223" alt="button">
<p>Reservieren</p></div>
<img src="images/kalender.png" height="60" width="66" alt="Reservieren Sie hier direkt über unser Kalendertool">
</div>
</div>

Schonmal vielen Dank :)
 
Zuletzt bearbeitet:
  • Verschachteln Beitrag #2
AoW
AoW
Member
Beiträge
15
Punkte Reaktionen
0
Hallo Isa, hier kommt es natürlich auf dein CSS an. Wie sieht das bei dir aus? Ich würde das ganze mit einem background-image und einer Flexbox lösen. Schau gerne mal auf unserem Youtube Kanal "academy.of.webdesign"vorbei. Wir starten hier ein komplettes HTML und CSS Tutorial www.youtube.com/channel/UCCj32_8rGNY6goLiCCm9EUw Viele Grüße
 
Thema:

Verschachteln

Oben Unten