li's untereinander, ul's nebeneinander

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • li's untereinander, ul's nebeneinander

    Huhu und angenehmen Freitag Nachmittag,
    ich habe eine ganz normale verschachtelte Liste:


    PHP-Code:
    <ul id="sitemap">
        <
    li><a href="index.php?page=1&lang=de">1</a>
            <
    ul>
                <
    li><a href="index.php?page=1&lang=de">11</a>
                <
    li><a href="index.php?page=1&lang=de">12</a>
                <
    li><a href="index.php?page=1&lang=de">13</a>
            </
    ul>
        </
    li>

           <
    li><a href="index.php?page=1&lang=de">2</a>
            <
    ul>
                <
    li><a href="index.php?page=1&lang=de">21</a>
                <
    li><a href="index.php?page=1&lang=de">22</a>
            </
    ul>
        </
    li>   
       
            <
    li><a href="index.php?page=1&lang=de">3</a>
    </
    ul
    Nun möchte ich gerne folgene Anordnung haben:

    PHP-Code:

    1
    ------11------12------13
    |
    2------21------22
    |

    Ziel soll also sein #sitemap li untereinander, #sitemap ul daneben und #sitemap ul li jeweils nebeneinander darzustellen. Ich bekomme das nicht hin

  • #2
    float: left oder display:inline für die gewünschten uls

    gruß
    peter
    Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
    Meine Seite

    Kommentar


    • #3
      Und wie sehen deine Versuche aus, insbesondere dein CSS für
      ul#sitemap li
      ul#sitemap li ul
      ul#sitemap li ul li
      ?

      Kommentar


      • #4
        Hallo,
        ich bin noch nicht wirklich weit gekommen:

        PHP-Code:
        #sitemap {
        margin0;
        padding0.5em;
        list-
        style-typenone;
        }

        #sitemap li {
        displayinline;
        border1px solid #ccc;
        }

        #sitemap li ul li {
        displayinline;

        Ich hatte gehofft die Angaben reichen schon, allerdings ist es nicht so

        *update*
        PHP-Code:
        #sitemap {
        margin0;
        padding0.5em;
        list-
        style-typenone;
        }

        #sitemap li {
        clearleft;
        }

        #sitemap li ul  {
        floatleft
        }

        #sitemap a {
        displayblock;
        floatleft;

        ... sieht schon fast richtig aus, aber nicht ganz
        Zuletzt geändert von miguel_rkc; 17.08.2007, 15:31.

        Kommentar


        • #5
          Niemand?? Das Problem ist immernoch aktuell.

          Kommentar


          • #6
            online-beispiel verfügbar?

            gruß
            peter
            Nukular, das Wort ist N-u-k-u-l-a-r (Homer Simpson)
            Meine Seite

            Kommentar


            • #7
              leider nicht

              Kommentar

              Lädt...
              X