1. #1
    U-Labs Elite
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 618 Times in 218 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
    Permanent gesperrt

    Registriert seit
    18.11.2011
    Beiträge
    773
    Thanked 752 Times in 362 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
    U-Labs Routinier

    Registriert seit
    18.11.2011
    Beiträge
    457
    Thanked 295 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
    U-Labs Elite
    Avatar von Saad
    Registriert seit
    18.11.2011
    Beiträge
    786
    Thanked 618 Times in 218 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.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191