Wie mache ich das ? 2 Boxen

  • Ich möchte mit dem CustomPages Plugin eine Seite erstellen soweit so gut.

    Hab ich auch :)

    Nun möchte ich zwei Boxen anzeigen lassen und zwar so

    Wie genau mach ich das nun ?

    Man kann in dem Plugin Html oder template wählen

    Ich bräuchte den Code um solche zwei boxen zu erstellen

    Kann mir dabei jemand helfen hab da nicht so die Ahnung

    Gibt zwar ein paar Codes im Netz aber welcher wäre der sauberste :)

  • CSS
    .box1, .box2 {
                float: left;
                width: 50%;
            }


    Das wäre für halbe halbe. Je nachdem mit Rand und allem drum und dran sind 50% Breite auch zu viel, da musst du schauen welcher Wert da genau passt.

    98% aller PC Probleme sitzen direkt davor.

  • Ok ich hab nun in der Html Seite

    Code
    <div>
    <p class="hallboxbottom">Überschrift </p>
    <p class="hallboxleft"></p>
    <p class="hallboxright"></p>
    <p class="hallboxbottom">Fusstext</p>
    </div>

    und in der CSS Erweiterung

    und das sieht derzeit so aus
    wie bekomme ich da jetzt noch den blauen balken in die boxen ?

  • Ok ich hab nun in der Html Seite

    Code
    <div>
    <p class="hallboxbottom">Überschrift </p>
    <p class="hallboxleft"></p>
    <p class="hallboxright"></p>
    <p class="hallboxbottom">Fusstext</p>
    </div>

    und in der CSS Erweiterung

    und das sieht derzeit so aus
    wie bekomme ich da jetzt noch den blauen balken in die boxen ?


    du musst in die Halbboxen einen Subcontainer mit der gewünschten Höhe und Farbe einfügen, sowie einen container für den Inhalt, der die Resthöhe einnimmt.


  • irgendwie so^^

  • So hab ich das nun im CSS muss ich für den Mobilen Style jetzt sowas nochmal machen ?
    Sorry das ich frag aber ich glaub das ist heut das erste mal das ich sowas zusammen bastel :)

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!