html/css box neben box bekommen?
Bekomme mit diesem code meine box in die andere box. will sie aber ausserhalb der box haben:
<!DOCTYPE html>
<html lang="de">
<head>
<title>Spezialitäten</title>
<meta charset="UTF-8"/>
<style type="text/css">
h1 {
font-size: 80px;
text-align: left;
color: red}
.hauptbox {
background-image: url(1783.jpg);
background-size: cover;
width: 1500px;
height: 600px;
border: solid;
}
.banner {
height: 200px;
border: solid;
margin: 25px;
width: 1450px;
}
.link {
width: 206px;
height: 300px;
border: solid;
float: right;
color: white;
A:active {color:red};
}
</style>
</head>
<body bgcolor="lightblue">
<div class="hauptbox">
<div class="banner">
<h1>Gdddd</h1>
</div>
<div class="link"
<a name="suche"><h4>Zurück zum Anfang</h4></>
</body>
</html>
1 Antwort
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, programmieren
Mal davon abgesehen, dass da einige schließende Tags fehlen:
Momentan sind deine Boxen in HTML ineinander:
<div class="hauptbox">
<div class="banner">
...
</div>
...
</div>
Willst du sie nebeneinander oder untereinander darstellen, dann müssen sie in HTML nacheinander stehen.
<div class="hauptbox">...</div>
<div class="banner">...</div>
Woher ich das weiß:Hobby – Programmieren ist mein Hobby & Beruf
MrAmazing2
08.04.2022, 21:56
@ImmerVergeben
Dann tu es raus aus der Hauptbox
<div class="hauptbox">
<div class="banner">
<h1>Gdddd</h1>
</div>
</div>
<div class="link">
<a name="suche"><h4>Zurück zum Anfang</h4></a>
</div>
Und damit sie nebeneinander anstatt untereinander sind könntest du der Hauptbox-Klasse und der Link-Klasse die Eigenschaft
display: inline-block;
geben.
@MrAmazing2
Danke. Könntest du mir noch sagen wie ich beide boxen nebeneinander bekomme?
MrAmazing2
08.04.2022, 23:40
@ImmerVergeben
Gerne.
Habe ich bereits:
Und damit sie nebeneinander anstatt untereinander sind könntest du der Hauptbox-Klasse und der Link-Klasse die Eigenschaft
display: inline-block;
geben.
@MrAmazing2
wow vielen vielen dank für die Hilfe. Hing wirklich lange dran
dass hauptbox und banner ineinander sind soll so sein. Mein problem ist nur "link" ist in der hauptbox. was ich aber nicht will. sie soll rechts neben der hauptbox sein