Ergebnis 1 bis 8 von 8

Thema: Aufklapplisten

  1. #1
    Interessierte/r
    Registriert seit
    30.04.2008
    Ort
    Reutte
    Beiträge
    104
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Aufklapplisten

    hallo,
    ich möchte gerne wissen, wie man aufklappbare listen erstellen kann, ungefähr so:

    Code:
    <ul>Navigation
     <li>Item1</li>
     <li>Item2</li>
     ...
    </ul>
    <ul>Anderes
     <li>Item1</li>
     ...
    </ul>
    was ich hier möchte, ist dass wenn man auf Navigation klickt, dass alle unterelemente ein- bzw ausgeblendet werden.
    mit visibility:hidden/visible werden sie ja nur unsichtbar, brauchen aber noch ihren Platz.
    wie kann man das machen, das sie keinen platz mehr brauchen?

    vielen dank
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    schau mal auf http://htmldog.com nach "son of suckerfish"

  3. #3
    Interessierte/r
    Themenstarter

    Registriert seit
    30.04.2008
    Ort
    Reutte
    Beiträge
    104
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    danke, aber das war nicht gerade das was ich gesucht habe.
    aber ich denke mal, dass ich jetzt einen plan davon habe, wie ich es realisieren könnte

  4. #4
    Meister(in)
    Registriert seit
    27.03.2009
    Ort
    Berlin
    Beiträge
    278
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    Zu erst einmal werden die Listen verschachtelt.

    Code:
    <ul>
    <li>Text1</li>
    <li>Text2</li>
    <li>Text3</li>
    <li>Text4
       <ul>
          <li>Untertext4.1</li>
          <li>Untertext4.2</li>
       </ul>
    </li>
    </ul>
    Dann wird das Untermenu, der Barrierefreiheit halber, aus dem Bildbereich Positioniert. Es geht aber auch ein display: none;

    Mit hover wird dann das ganze einfach eingeblendet.
    Code:
    li ul:hover {
    -anweisung-
    }
    Im Buch CSS-Praxis wird das wie folgt gelöst.
    Das zum ausblenden des Untermenüs:
    Code:
    li ul {
    position: absolute;
    left: -999em;
    margin: left: 11.05em;/*individuelle angabe*/
    margin-top: -2.35em;/*individuelle angabe*/
    }
    Und hier wird es wieder eingeblendet:
    Code:
    li:hover ul, li.iehover ul { /*das iehover ist eine extra javascript hover-classe für den ie weil der das nich richtig kann*/
    left: auto;
    }
    Geändert von thilda (19.04.2009 um 13:32 Uhr)

  5. #5
    der/die Göttliche Avatar von jojo87
    Registriert seit
    23.03.2007
    Ort
    Leipzig
    Alter
    30
    Beiträge
    3.131
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    und das ist so ziemlich exakt die Lösung von html-dog

  6. #6
    Interessierte/r
    Themenstarter

    Registriert seit
    30.04.2008
    Ort
    Reutte
    Beiträge
    104
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    Zitat Zitat von jojo87 Beitrag anzeigen
    und das ist so ziemlich exakt die Lösung von html-dog
    stimmt
    aber was ich suche ist so eine aufklappliste wie in itunes links in der leiste.

  7. #7
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    vielleicht hilft dir dieser thread weiter...

    http://www.forum-hilfe.de/showthread.php?p=319503#post319503
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

  8. #8
    Interessierte/r
    Themenstarter

    Registriert seit
    30.04.2008
    Ort
    Reutte
    Beiträge
    104
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Aufklapplisten

    danke.. das ist genau das was ich gesucht habe

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •