Lista wypunktowana w CSS - wstawianie logo strony

0

W menu usuwa mi listę wypunktowaną i jest tak jak chce, ale na przykład w treści strony chciałbym mieć już normalną listę wypunktowaną. Jak mam to ustawić w pliku css ? Myślałem, że ta linijka ul, li #MENU zmieni tylko w menu, a nie na całej stronie. Jeszcze jedno, gdzie i jak prawidłowo dodać logo czy dobrze jest tak jak teraz ? No i raczej położenie tego logo też chciałbym ustawiać w css.

index.html

<html>
<head>
    <!--Informacje o stronie-->
    <link rel="stylesheet" type="text/css" href="CSS/style.css"/>
</head>
<body>
    <div id="top">
        <div id="NAGLOWEK">
            <img src="images/logo.jpg" alt="Brak logo" align="center"/>
        </div>
        <div id="MENU">Menu nawigacyjne
            <ul>
                <li><a href="link.html">Aktualności</a></li>
                <li><a href="link.html">Historia</a></li>
                <li><a href="link.html">Hymn</a></li>
                <li><a href="link.html">Wybitni Gracze</a></li>
                <li><a href="link.html">Galeria</a></li>
                <li><a href="link.html">Kontakt</a></li>
            </ul>
        </div>
        <div id="TRESC">
            <p>Treść strony: testujemy listę
                <ul>
                    <li>napis 1</li>
                    <li>napis 2</li>
                    <li>napis 3</li>
                </ul>

            </p>
        </div>
        <div id="STOPKA">Autor strony</div>
    </div>
</html>

Plik style.css

html, body {
    background-color: #fff;
    color: #000;
    margin: 0;
    padding: 0;
    text-align: center;
}

#top {
    width: 780px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#NAGLOWEK {
    background-color: #888;
}

#MENU {
    width: 150px;
    float: left;
    overflow: hidden;
    background-color: #ccc;
}

#TRESC {
    width: 630px;
    float: left;
    overflow: hidden;
    background-color: #fff;
}

#STOPKA {
    clear: both;
    width: 100%;
    background-color: #888;
}

ul, li #MENU {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

dodanie znaczników <code class="html"> i <code class="css"> + poprawienie tematu wątku - fp

2

#MENU ul, #MENU li { ... }

zamiast kombinować losowo "a może się uda" to lepiej poczytaj o selektorach css. programowanie to nie radosne klepanie co przyjdzie do głowy. logo - ok

1 użytkowników online, w tym zalogowanych: 0, gości: 1