Html und Css hilfe?

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet
medmonk
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Technik, IT, Webentwicklung
09.12.2023, 14:42

Bei solchen Fragen ist es immer hilfreich und ratsam den aktuellen Quellcode mit anzuhängen. Sprich deinen aktuellen Stand oder den problematischen Quellcode auf Codepen oder ähnliches speicherst und dann hier darauf verlinkst.

In deinem Fall sollte es eigentlich ausreichen, wenn du dem Eltern-Element in dem sich deine Produktkarten befinden die Eigenschaft display: flex zuweist. Beschäftigt dich also mit dem Flex-Model sowie CSS Grid, um Elemente anzuordnen.

HTML:

<div class="container">
  <div class="card">...</div>
  <div class="card">...</div>
</div>

CSS:

*, *::before, *::after {
  box-sizing: border-box;
  /* optional */
  padding: 0;
  margin: 0; 
}

.container {
  display: flex;
  gap: 1em;
}
Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer
Jason680 
Fragesteller
 10.12.2023, 13:21

Also nebeneinader sind sie jetzt danke aufjedenfall nur sie liegen aufeinander auf hätte halt gerne noch so einen abstand dazwischen muss ich das mit padding machen oder margin ?

0
medmonk  10.12.2023, 13:36
@Jason680

Ich habe meine Antwort überarbeitet und das Code-Snippet ergänzt, damit es übersichtlicher bleibt und nicht hier in den Kommentaren steht.

Mit gap kannst du den Abstand bestimmen, zusätzlich mit dem Universal-Selektor (*) das box-sizing für alle Elemente auf border-box umgestellt wird. Letzte Anweisung möglichst weit oder ganz am Anfang deines CSS notieren.

1
Xandros0506
09.12.2023, 14:55

Undzwar -> Und zwar.

eine Unterseite mit Shop machen 

nur aus Interesse.... du willst doch nicht ein komplettes Shopsystem mit sämtlichen Fallstricken, die sowas mit sich bringt, von Grund auf neu schreiben und die ganzen Fehler mühsam alleine beheben, die du mit Sicherheit dort hinein basteln wirst?

Warum nicht ein fertiges Shopsystem. Da ist bereits die Installation nicht ohne, wenn man sich mit der Materie HTML/CSS und PHP nur rudimentär bis gar nicht auskennt. Einen eigenen Shop auf der Wissensbasis zu schreiben... da kannst du dir auch gleich in den Fuß schiessen.
Jason680 
Fragesteller
 09.12.2023, 16:10

Sonst bekomme ich 0 punkte wenn ich es nicht selbst mache

0