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