[CSS][HTML] <li> - brak przejścia do nowej linii Opcje

[Turson]

[CSS] pobierz, plaintext 
.prawo{float:right;width:150px;margin-right:5px;}
//menu
#menu {
float:right;
 
}
#menu ul {
   list-style:none;
   margin: 0 0 0px 0;width:150px;
   padding: 0;
}
 
#menu ul li a {
   font: 13px arial;
  padding-left:10px;
   text-decoration: none;
   color: #424242;
}
.mtytul{background:#f4f4f4;width:150px;text-align:center;font-size:20px;cursor:pointer;border-bottom:1px solid #cfcfcf;
font-family:Charlemagne Std;color:#75775b;padding:3px 0 3px 0;border-top:1px solid #cfcfcf;}
#menu ul li a:hover {
   text-decoration:none;font-weight:bold;
}
[CSS] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div class="prawo">
<div id="menu">
<div class="mtytul">NAJNOWSZE</div>
          <ul>
               <li><a href="#">+ Logowanie i rejestracja (PHP)</a></li>
               <li><a href="#">+ CSS</a></li>
               <li><a href="#">+ PHP</a></li>
          </ul>
[HTML] pobierz, plaintext 

Kiedy <li> jest za długie jak w przypadku pierwszego to nie przechodzi do nowej linii a kończy się w miejscu, gdzie jest koniec strony.
Dodatkowo, link oraz pogrubienie :hover działa w pierwszy li gdy najadę dopiero na napis 'rejestracja'...

[webfreak]

U mnie ten kod działa poprawnie Sam sprawdź, lbo może cie źle zrozumiałem

komentarze w css zaczynaja sie /* a koncza */ " // " jest dla PHP

żeby linki wygladały ładniej dodaj do :hover

[HTML] pobierz, plaintext 
outline:none;
[HTML] pobierz, plaintext 

Czasami też miałem problemy zobacz czy brackety masz zamknięte oraz czy klasy są poprawnie pomoże validator żeby sprawdzić czy jakis line errorów nie ma. Jesli to nie pomoze wklej caly kod ktory posiadasz a chetnie pomoge

Ten post edytował webfreak 3.04.2011, 21:09:56