Problem mit liste bzw. "list-style: none;"

html.de-Forum HTML, XHTML & CSS
1

abend,

Ich habe eine website erstellt.
Mein menu ist mit einer

    /
  • liste erstellt.

    Ich habe mit:

    list-style: none; Die Punkte in der div box entfernt (Menu_1).

    jetzt habe ich allerdings das Problem, das wenn ich in meinem Content Bereich eine liste erstelle, auch die Punkte von der liste weg sind. Nur leider verstehe ich nicht warum, denn ich habe für den content bereich keinen list-stylle tag gesetzt.

    Ich benutze ein CMS für den inhalt, namens Websitebaker.

    LG
    Seba

    Mein CSS file:

    [HTML]
    body
    {
    background-image: url(images/body-bg.jpg);
    background-repeat: repeat-x;
    background-color: #3967a3;
    }

    #seite
    {
    width: 1200px;
    margin: 0px auto;
    background-image: url(images/seite-bg.png);
    }

    #head
    {
    height: 200px;
    background-image: url(images/header.jpg);
    }

    #menu_1
    {
    margin-top: 50px;
    text-align: left;
    width: 250px;
    padding:0px;
    float: left;
    }

    #menu_1 h1
    {
    text-align: center;
    font-size: 15px;
    }

    #menu_2
    {
    margin-top: 50px;
    margin-left: -20px;
    width: 250px;
    float: right;
    text-align: center;
    }

    #menu_2 h1
    {
    text-align: center;
    font-size: 15px;
    }

    #menu_2 a
    {
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    }

    #intern ul li
    {
    padding: 0px;
    margin-left: -20px;
    width: 210px;
    text-align: left;
    }

    #intern input
    {
    margin-top: 5px;
    }

    #menu_1 ul a, #menu_2 ul a
    {
    text-decoration: none;
    color: #0066cc;
    }

    #menu_1 ul, li
    {
    list-style: none;
    margin-left: -5px;
    }

    #menu_1 li:before, #menu_2 li:before
    {
    content: „\00BB \0020“;
    margin-left: -15px;
    }

    .search_box
    {
    text-align: center;
    margin: 0px auto;
    }

    .search_box input
    {
    margin-top: 5px;
    text-align: center;
    }

    #content
    {
    width:680px;
    margin-left: 260px;
    min-height: 600px;
    margin-top: 50px;
    }

    #content a
    {
    color: #000000;
    }

    #fusszeile
    {
    clear: both;
    background-color: #3366cc;
    width: 1200px;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
    }

    [/HTML]

2

Schreib das

#menu_1 ul, li

so

#menu_1 ul, #menu_1 li
3

hiho,

läuft!!!
Super danke!

Aber warum ist das so?
Kapier ich ürgend wie nicht…

LG

4

Weil man jeden CSS-Selektor so schreiben muss wenn mehrere Elemente zusammengesetzt werden:

darüberliegendesElement Element

Wenn du dann mehrere Elemente die in einem anderen Element liegen mit bestimmten Eigenschaften versehen willst, musst Du

darüberliegendesElement Element1, darüberliegendesElement Element2

schreiben.

So wie Du es geschrieben hast, hast Du die Eigenschaften an „#menu_1 ul“ und „li“ gehängt - 2 unterschiedliche Selektoren, daher wirkt letzteres auf alle

  • -Elemente im gesamten Quellcode.

    • 5

    alles klar!
    Danke für die schnelle und echt gute hilfe!