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
 
Start new topic
Odpowiedzi
Turson
post
Post #2





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

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


U mnie
(IMG:http://i.imgur.com/jBFzY.png)

Dam wiecej kodu
  1. <div class="main">
  2. <div class="lewo">
  3. <div class="text">
  4. <span class="title">News testowy numer łan</span><br><font color="#2c2c2c">Data: 20.20.1994</font>
  5. <br><br>
  6. <<<zawartosc lewej kolumny>>>
  7. </div></div>
  8. <div class="prawo">
  9. <div id="menu">
  10. <div class="mtytul">NAJNOWSZE</div>
  11. <ul>
  12. <li><a href="#">+ Logowanie i rejestracja (PHP)</a></li>
  13. <li><a href="#">+ Logowanie i rejestracja (PHP)</a></li>
  14. <li><a href="#">+ PHP</a></li>
  15. </ul>

  1. .main{
  2. background:url(bg.png) repeat-y;
  3. width:692px;overflow:hidden;
  4. margin:0px auto;}
  5. .lewo{float:left;width:532px;background-color:#fffcd3s;overflow:hidden;margin-left:5px}
  6. .prawo{float:right;width:150px;margin-right:5px;}

+reszta z 1.postu
Go to the top of the page
+Quote Post

Posty w temacie


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

 



RSS Aktualny czas: 11.10.2025 - 17:57