Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS][HTML] <li> - brak przejścia do nowej linii
Turson
post
Post #1





Grupa: Zarejestrowani
Postów: 4 291
Pomógł: 829
Dołączył: 14.02.2009
Skąd: łódź

Ostrzeżenie: (0%)
-----


  1. .prawo{float:right;width:150px;margin-right:5px;}
  2. //menu
  3. #menu {
  4. float:right;
  5.  
  6. }
  7. #menu ul {
  8. list-style:none;
  9. margin: 0 0 0px 0;width:150px;
  10. padding: 0;
  11. }
  12.  
  13. #menu ul li a {
  14. font: 13px arial;
  15. padding-left:10px;
  16. text-decoration: none;
  17. color: #424242;
  18. }
  19. .mtytul{background:#f4f4f4;width:150px;text-align:center;font-size:20px;cursor:pointer;border-bottom:1px solid #cfcfcf;
  20. font-family:Charlemagne Std;color:#75775b;padding:3px 0 3px 0;border-top:1px solid #cfcfcf;}
  21. #menu ul li a:hover {
  22. text-decoration:none;font-weight:bold;
  23. }

  1. <div class="prawo">
  2. <div id="menu">
  3. <div class="mtytul">NAJNOWSZE</div>
  4. <ul>
  5. <li><a href="#">+ Logowanie i rejestracja (PHP)</a></li>
  6. <li><a href="#">+ CSS</a></li>
  7. <li><a href="#">+ PHP</a></li>
  8. </ul>

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'...
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 01:59