1. #1
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard Listenstyle verändern

    heey Leute ! Ich hab da mal ein kleines Problem und zwar: Ich will, dass die Liste in meinem div, den ich mit der id "navi " versehen haben, eben nebeneinander erscheint.
    Nun habe ich das in CSS mit folgender Anweisung gemacht:

    HTML-Code:
    li{
    display: inline;
    padding-right:2px;
    	padding-left:10px;
    text-agin:center;
    }
    So nun ist aber das Problem, dass ich noch eine Liste brauche, die eben nicht nebeneinander erscheint, aber wenn ich nun die zweite Liste dann mache, dann erscheint die genauso nebeneinander.
    Wie mach ich das, dass eben die Liste nur im navi eben nebeneinander erscheint?
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

  2. #2
    Avatar von Comu
    Registriert seit
    18.11.2011
    Beiträge
    772
    Thanked 753 Times in 363 Posts

    Standard AW: Listenstyle verändern

    HTML-Code:
    #navi li {
     ... code
    }
    
    li {
     ... code
    }
    Du kannst dir die Struktur so vorstellen:

    Main Child Child Child Child. Also beispielsweise ein <h1> Tag im <body> wäre:

    HTML-Code:
    html body h1 {
    }
    Das braucht man aber meistens nicht. So wird das aber angesprochen. In dem Fall werden jedoch ALLE li's in der #navi angesprochen. Wenn du jetzt weitere Listen in der Liste hast, werden diese somit auch formatiert. Um NUR die Liste zu formatieren, die wirklich direkt unter der navi ist kannst du das ">" Zeichen verwenden.

    HTML-Code:
    #navi > li {
     ... code
    }
    Formatiert nur das direkte li Element in der Navi.

  3. The Following 2 Users Say Thank You to Comu For This Useful Post:

    DnL (17.11.2012), Saad (16.11.2012)

  4. #3

    Registriert seit
    18.11.2011
    Beiträge
    457
    Thanked 296 Times in 94 Posts
    Blog Entries
    1

    Standard AW: Listenstyle verändern

    Versuch, der Liste direkt eine ID zuzuweisen. Ich gehe mal davon aus, dass du es für eine Top-Navigation brauchst?

    HTML-Code:
    ul#topnav {
        margin: 0;
        padding: 0;
    }
      
    ul#topnav {
        list-style: none;
        margin: 0;
        padding: 0;
    }
    [/html]


    Ansprechen kannst du es folgendermaßen:
    HTML-Code:
    <ul id="topnav">
        <li><a href="index.php">Startseite</a></li>
        <li><a href="other1.php">Andere Seite1</a></li>
        <li><a href="other2.php">Andere Seite2</a></li>
    </ul>
    Die andere Liste dann einfach ohne die ID erstellen.

  5. The Following 2 Users Say Thank You to Pwned For This Useful Post:

    DnL (17.11.2012), Saad (16.11.2012)

  6. #4
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 621 Times in 219 Posts

    Standard AW: Listenstyle verändern

    Passt danke euch zwei, hab's hin bekommen. (:
    Bis auf Sonderschüler kannst du alle Leute fragen - Saad ist PERFEKT wie 'ne Zeitform der deutschen Sprache.

Ähnliche Themen

  1. jQuery nur bestimmte Elemente verändern
    Von Bl1zz4rD im Forum Webentwicklung
    Antworten: 3
    Letzter Beitrag: 08.08.2013, 17:22
  2. Datenpakete abfangen und verändern
    Von bluedraqon im Forum Internet und Technik
    Antworten: 5
    Letzter Beitrag: 25.06.2012, 11:28
  3. Wordpress Theme Abstand verändern
    Von Essah im Forum CSS
    Antworten: 0
    Letzter Beitrag: 01.04.2012, 19:24
Diese Seite nutzt Cookies, um das Nutzererlebnis zu verbessern. Klicken Sie hier, um das Cookie-Tracking zu deaktivieren.