Witam serdecznie
Tak jak w temacie od kilku dni nie mogę zrozumieć dlaczego lista jest po prawej stronie strony a próbowałem już chyba wszystkiego np. clar: both padding margin position relativ itp
Zapewne dotyczy to dziedziczenia ale nie potrafię tego rozwiązać
<li><a href="kontakt.html" title="kontakt">KONTAKT
</a></li> <li><a href="galeria.html" title="galeria">GALERIA
</a></li> <li>TU JESTEŚ
<a class="aktywny" href="oferta.html" title="oferta">OFERTA
</a></li> <li><a href="index.html" title="Casa Verde">HOME
</a></li>
<a href="http://www.casaverde.com.pl" title="nowoczesne ogrodzenia, architektura krajobrazu"> <img src="logo1.png" alt="luksusowe ogrodzenia, design ogrodzeń" title="design nowoczesnych ogrodzeń" />
<h1>Naprawdę inne ogrodzenia
</h1>
<li>Trzy ważne przymiotniki:
<strong>nowoczesne, ekskluzywne, niepowtarzalne
</strong>,
</li> <li>Wyjątkowe ogrodzenia,ograniczone wyłącznie wyobraźnią i możliwościami ludzkiej percepcji.
</li> <li>Piękne, artystyczne aranżacje, harmonijnie skomponowane zarówno z bryłą budynku, jak i z jego otoczeniem.
</li> <li>Nowoczesny design.
</li> <li>Unikalna technologia wywołująca zmiany barwy ogrodzenia pod wpływem warunków pogodowych.
</li>
CSS
body {
background-color : #000000;
padding: 0;
margin: 0;
color: #7A7A7A;
font-size : 90%;
font-style : normal;
font-family : Georgia, Times New Roman, Serif;
}
#menu {
margin-right: 15px;
}
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding-left: 10px;
}
ul li {
float: right;
}
ul a:link {
color:#1BDDDD;
text-decoration: none;
display: block;
width: 80px;
text-align: center;
background-color: #3B3737;
color: #F4F4F4;
border: 2px outset #484848;
padding: 5px;
}
ul a:visited { color: #808080;
text-decoration: none;
display: block;
}
ul a:hover {
border-style: inset;
padding: 7px 3px 3px 7px;
}
#menu li .aktywny {
color: #FFFAFA;
}
#logo {
clear:both;
margin-top: 1px;
margin-left: 20px;
}
h1 {
clear: both;
margin-top: 10px;
padding:left
}
#trzy { co tu wpisać
}