Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML] <li> - brak przejścia do nowej linii
Forum PHP.pl > Forum > Przedszkole
Turson
  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'...
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


  1. outline:none;


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
Turson
U mnie


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
webfreak
Sam zobacz że kod nie posaida problemów możesz dać adres gdzie testujesz ?
Turson
http://www.turson.pl/work/bms/blogphp.html
webfreak
Czego brakuje

  1. </body>
  2. </html>
  3.  


na koncu strony
Turson
Element nieistotny dla działania tego.
Dalej mam kolejną cześć strony, ale to nie ważne.
Vhaeraun
Błąd związany z tym, że hover pojawia się dopiero na słowie rejestracja wynika z wielkości elementu <li class="m3">, gdzie masz link do portfolio - div jest za duzy i zasłania część menu.
37 wiersz w css nadaje mu wysokość 70 px, więc jak to zmienisz to jeden błąd z głowy smile.gif

Co do pierwszego problemu :
linijka 31 albo coś koło tego :
white-space:nowrap;
Wywal i powinno śmigać.
webfreak
Kodu strasznei duzo nie starannie żeby na szybko załatwić sprawe dodaj </br>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.