probleme mit ausgabe von links

  • Hallo Forum!

    Neben einer Menge anderer Probleme, die alle ziemlich kompliziert sind habe ich hier ein ganz hartnäckiges und hinterhältiges Problem. Da ich für meine WP2 Seite das "rdc* theme 0.5" nutze musste ich eigenhändig die link liste einbauen (<?php get_links_list(); ?>) da diese nicht vorhanden war.

    Der Code der sidebar.php sieht so aus:

    Das Resultat sieht dann so aus:
    http://img246.imageshack.us/img246/6564/links7ug.jpg


    Anscheinend werden Links/Buttons nicht in die nächste Zeile umgebrochen.

    Hat jemand eine Idee was da los ist ?

    Vielen Dank schon einmal!

    • 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

  • dd/dl ist scheinbar ein Inline-Format. Versuch' also die Tags per CSS das Block-format zuzuweisen.
    So z.B.

    Code
    dd
    {
     display:block;
    }


    Evtl. auf andere Tags ausdehnen.

    "Eine gut gestellte Frage ist schon halb beantwortet."

  • also bis jetzt bin ich noch nicht viel weiter!

    PHP
    <dl id="sidebar_categories">
    				<dt class="border_diary">links</dt>
    				<dd style="display:block; width: 88px;" >
    				 <?php get_links_list(); ?>
    			  </dd>
    			</dl>

    oder nur

    Code
    <dd style="display:block;" >

    Die Links werden wenn ich mit der 1 Variante arbeite so angezeigt:
    http://img486.imageshack.us/img486/9779/zw…ablage015nm.jpg


    ändere ich die erste Variante so um:

    Code
    <dd style="display:block; width: 10px;" >

    bekomme ich so ein ergebnis
    http://img486.imageshack.us/img486/8623/zw…ablage029gb.jpg


    und was ich allerdings ganz erstaunlich finde ist :
    http://img486.imageshack.us/img486/6903/zw…ablage034ln.jpg
    dieser screenshot stammt vom IE6 .


    alle anderen vom Mozilla FireFox 1.5

    Robert wie meinst du das ?

    Einmal editiert, zuletzt von peapo (4. Januar 2006 um 10:50)

  • Hast du ja mit width:88px gemacht.
    Poste mal den Quellcode der generierten .html und die dazugehörige .css, vielleicht wirds dann einfacher, das Problem zu finden.

  • Mit folgendem Code in der .php

    PHP
    <dl id="sidebar_categories2">
      <dt class="border_diary">links</dt>
      <dd style="width: 88px;" >
      <?php get_links_list(); ?>
      </dd>
    </dl>


    (man beachte die "2" hinter sidebar_categories)
    und diesem Zusatz in der style.css:

    Code
    #right_col #sidebar_categories2 li {
        float:left;
        padding: 0 0 0 16px;
        background: url(images/icon_categories.gif) no-repeat 0px 4px;
    }

    müsste es eigentlich Funktionieren.
    Allerdings ist das nur eine symptomane Lösung. Wo der Grund für die fehlerhafte Darstellung liegt, kann ich dir leider auch nicht sagen.

    Einmal editiert, zuletzt von Robert (4. Januar 2006 um 12:31)

  • hey! wir sind dem ganzen auf der spur !

    also mit deinem code hats' zwar nicht direkt funktioniert, allerdings habe ich mir mal erlaubt den CSS code wie folgt umzu ändern:

    #right_col #sidebar_categories2 li {
    display: block;
    float:left;
    padding: 0 0 0 16px;
    background: url(images/icon_categories.gif) no-repeat 0px 4px;
    }


    jetzt siehts so aus:
    http://img478.imageshack.us/img478/1416/zw…ablage0x4my.jpg


    Jetzt fehlt nur noch die passende höhe der Box!

  • Versuch das mal so, und dann die CSS noch mal neu angehen. Weil du in der DL wie du hast einfach die LIs einbaust. Das ist Humbug!

    PHP
    <ul id="sidebar_categories">
                    <li class="border_diary">links
                    <ul>
                     <?php get_links_list(); ?>
                  </ul>
                </li>
                </ul>

Jetzt mitmachen!

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