Html css Zentrieren?
Moin, ich habe in html 4 Bilder. Darunter will ich jeweils einen Block mit Text
Wie man sieht ist ganz rechts der Block direkt unter dem Bild, das habe ich mit margin gemacht. Bei den anderen Blöcken klappt dies nur nicht mehr. Die Bilder und Blöcke sind in keinem Container oder keiner div soweit ich weiß
Danke
Wie sollen die Boxen denn letztendlich angeordnet werden?
Die Box ganz rechts ist richtig zentriert, die anderen nicht
2 Antworten
Arbeite mit div containern, dann kannst du die besser Zentrieren und bearbeiten.
ich würde es so machen:
<div class=container>
<div class=box1>
Img+txt
</div>
<div class=box2>
Img+txt <- auch in einem div, je nachdem
</div>
...
</div>
Ich persönlich würde dann mit flex arbeiten. Sehr gut um Elemente zu Zentrieren(Vertikal und Horizontal) und auch gut, um einzustellen, ob die in einer Reihe oder Spalte dargestellt werden sollen und ob es einen Umbruch geben soll.
Schau dir das mal an.
Mach dein Code mal open source. Im internet gibt es doch codepen.io oder so und schick mir dann den link hier rein.
Ich schließe mich Winfimet an.
Mach dir einen Container, in dem du die Boxen (bestehend jeweils aus Bild und Text) reintust.
Dem Container gibst du per CSS folgende Eigenschaften:
#container
{
display: flex;
justify-content: space-evenly; // oder auch space-around
align-items: center;
}
Die Boxen sollten dann noch eine bestimmte Breite mittels width bekommen.
LG
Hi, auf der Website sind schon Buttons die in einem Container sind, wie soll ich das dann machen? Also was kann ich außer einem Container nehmen?
Hi, ich hab es gemacht wie du gesagt hast, alle Bilder und Boxen bis auf 1 sind da wo ich sie will. Das Problem ist nur die letzte Box also Foto und Text in Box kann ich nicht mehr mit margin top bottom oder left zentrieren, obwohl alles gleich ist