Abstand verringern

    • 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

    Hi
    Also folgendes...

    Deine Boxen haben eine "ID" diese darf nur einmal vorkommen, anstatt ID nimmst du class="box"

    Beispiel:

    HTML
    <div class="box">Inhalt</div>
<div class="box">Inhalt</div>

    CSS:

    Code
    .box { margin-bottom:10px; } /* setzt den abstand zu unteren box auf 10px */

    Hier eine kleine Anleitung zu ID und Klassen: http://www.html-seminar.de/class_und_id.htm

    Einmal editiert, zuletzt von cannap (16. Januar 2013 um 16:51)

    vielen dank, aber irgendwie will es nicht funktionieren. wenn ich das ID durch class ersetze ist die Box nicht mehr vorhanden.

    Im editor Kopfzeile habe ich hier diesen Code eingefügt für die boxen

    <style type="text/css">
    <!--
    #box{
    width: 580px;
    padding: 3px 3px 3px 5px;
    padding-left: 15px;
    border: 1px solid #e0e0e0;
    background: #fff;
    box-shadow: 1px 1px 0px #000;
    border-radius: 5px;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
    background: -moz-linear-gradient(left,#009000 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#009000),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#CCCCCC));
    }


    /* Aussehen Balken mit Ueberschrift */
    #box h2{
    background-color: #009000;
    color: white;
    font-size: 14px;
    margin: -00px 0px 00px -00px;
    width: 225px;
    padding-left: 50px;
    box-shadow: 3px 5px 10px 5px #bbb;
    }


    #box:hover{
    padding-left: 15px;
    background: #eeeeee
    box-shadow: 1px 1px 0px #000;
    border-radius: 5px;
    -moz-border-radius:10px; /* Firefox */
    -webkit-border-radius:10px; /* Safari, Chrome */
    -khtml-border-radius:10px; /* Konqueror */
    border-radius:10px; /* CSS3 */
    background: -moz-linear-gradient(left,#009000 0%, #EEEEEE 50%, #EEEEEE 50%, #CCCCCC 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#009000),color-stop(50%,#EEEEEE), color-stop(50%,#EEEEEE), color-stop(100%,#CCCCCC));

    }
    -->
    </style>

    Klassen also "class" wird in CSS mit einem punkt ".box" dargestellt und ids mit raute "#box"

    für deinen Fall nimmst du .box und nicht #box sofern du id="box" in class="box" umbenannt hast

    Einmal editiert, zuletzt von cannap (16. Januar 2013 um 20:32)

    Zitat von Art of Pic

    er kann doch die ID lassen, es reicht das hinzufügen


    ID nutzt man nicht doppelt für das gibt es Klassen

    Wenn man schon helfen möchte sollte man auch auf Fehler hinweisen klar wird es im Browser normal dargestellt aber trotzdem

    Einmal editiert, zuletzt von cannap (16. Januar 2013 um 20:45)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden