Widgets funktionieren nicht

    Zitat von la_sonne

    1. in der Theorie ja, aber ich finde nicht, wo es hinmuss.

    Code
    #side ul, #side ol {
margin:0;
padding:0;
}


    Oder eben die Werte setzen die du gerne haben möchtest. Beachte auch, nicht alles muss in der style.css definiert sein - auch die Browser haben ein Default-Stylesheet implementiert um auch Seiten ohne CSS vernünftig darzustellen. Diese Default-Werte kannst du aber problemlos in deiner style.css überschreiben.


    Zitat

    2. also ganz viel liegt ja am <br>-Zeilensprung.
    also bsp: <br><br><br> ... (das ist eh die Deppenvariante, weil ich den ABstand nicht anders hinbekommen hab...)


    Nimm da mal <br />.
    SELFHTML: HTML/XHTML / XHTML und HTML / Unterschiede zwischen XHTML und HTML

    • 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

    prima, danke. das funktioniert jetzt schonmal.
    Wie kann ich denn jetzt den Abstand zwischen den versch. Widgets größer machen, den Abstand zwischen Widgetüberschrift und "Inhalt" aber kleiner?
    also bsp:

    ARCHIV
    Mai 09 (1)

    KATEGORIEN
    Allgemeines (1)

    und wie kann ich zwischen den Widgets noch etwas einsetzen, also html-mäßig?
    z.b. diese pinke Trennlinie?

    "Zwischen" ist schwer, "davor" oder "danach" dagegen einfach. ;-) (okay, "zwischen" ist nicht schwerer, aber manche Browser kommen mit den nötigen CSS dafür nicht klar)

    Die Überschrift in deinen Widgets ist als <h4> ausgezeichnet, den CSS-Selektor für <h4> in der #side-Bar bekommst du jetzt sicher selbst hin. CSS-Eigenschaften für Abstände hatte ich dir ja oben bereits genannt.

    Die "Trennlinie" würde ich ebenfalls per CSS machen: border ist dein Freund. Du kannst deine Grafik dafür aber auch als Hintergrundbild einsetzen.

    1.

    PHP
    #side ul, #side ol {
margin:1;
padding:0;
}

    hmm. also ähm wenn wir dann annehmen Mai von der Überschrift (ARCHIV) 0 und den div. Widgets 1 (nach Mai, vor KATEGORIEN)? wiewowas?

    edit: also ich habe es jetzt wirklich versucht mit dem css4you, aber mir ist das unklar. bisher habe ich ja eine Zahl da stehen, was bedeuten müsste, dass der Abstand von überall gleich ist. ist er ja aber nicht. es ist linksbündig (0), aber nach oben und unten ist der Abstand ja eindeutig nicht 0. der ist 1, was ja dieses margin aussagt. überhaupt verstehe ich nicht, was der Unterschied zwischen den beiden ist, da ja beide in alle Richtungen gehen, theoretisch.

    2. das mit border check ich dann mal.

    Einmal editiert, zuletzt von la_sonne (17. Juni 2009 um 21:53)

    Zitat von la_sonne

    edit: also ich habe es jetzt wirklich versucht mit dem css4you, aber mir ist das unklar. bisher habe ich ja eine Zahl da stehen, was bedeuten müsste, dass der Abstand von überall gleich ist. ist er ja aber nicht.


    Längenangaben in CSS benötigen eine Einheit.
    SELFHTML: Stylesheets / CSS-Formate definieren / Maßeinheiten, Farbangaben und Wertzuweisung

    Zitat

    überhaupt verstehe ich nicht, was der Unterschied zwischen den beiden ist, da ja beide in alle Richtungen gehen, theoretisch.


    Schau dir mal das Boxmodell an:
    CSS 4 You - The Finest in Stylesheets: Workshop: Boxmodell

    margin - border - padding - Inhalt

    Hintergrund-Angaben füllen den Bereich Padding+Inhalt.


    Zitat

    2. das mit border check ich dann mal.


    Viel Erfolg. ;-)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden