CSS Probleme

    Hallo,

    ich bin neuling auf diesem Gebiet, aber lernwillig.

    Ich möchte gerne 3 CSS Boxen erstellen die nebeneinander sind. Box1 soll Pages1 haben am besten per FlexiPage Widget, Box2 ebenso aber soll die Pages2 auflisten. Box3 die neusten beiträge.

    Die Boxen sollten eine feste Breite und höhe haben

    Ich habe mal ein Bild angehängt, vielleicht versteht ihr so was ich meine

    • Gerade eben
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

    was fuer probleme?
    was hast du schon erreicht, und wo geht's nicht weiter?
    bearbeitest du ein vorhandenes theme, oder machst du ein neues?

    die grundlagen von html und css kannst du dir selber mit buechern und online anleitungen beibringen, wie zB. http://de.selfhtml.org/css/

    den drei boxen gibst du eine class="box" (oder was fuer ein name dir besser gefaellt), und in der style definierst du eine feste breite (kan auch in % des zu verfuegung stehenden platzes sein), und floatest du die box nach links; optional noch padding und margin und border und background und ... dazu, damit die boxen nicht zusammen kleben und der inhalt nicht an den rand stoesst, und was auch immer ...
    zum beispiel style.css:

    Code
    .box { 
float: left; 
width: 200px;
height: 200px; 
margin: 10px 10px 10px 0px; 
padding: 5px; 
}

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden