Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML] <li> - brak przejścia do nowej linii
Turson
post 3.04.2011, 20:40:30
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
webfreak
post 3.04.2011, 21:04:47
Post #2





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


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

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


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post
Turson
post 3.04.2011, 21:12:00
Post #3





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

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


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
Go to the top of the page
+Quote Post
webfreak
post 3.04.2011, 21:15:40
Post #4





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


Sam zobacz że kod nie posaida problemów możesz dać adres gdzie testujesz ?


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post
Turson
post 3.04.2011, 21:18:04
Post #5





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

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


http://www.turson.pl/work/bms/blogphp.html
Go to the top of the page
+Quote Post
webfreak
post 3.04.2011, 21:22:08
Post #6





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


Czego brakuje

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


na koncu strony


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post
Turson
post 3.04.2011, 21:23:10
Post #7





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

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


Element nieistotny dla działania tego.
Dalej mam kolejną cześć strony, ale to nie ważne.
Go to the top of the page
+Quote Post
Vhaeraun
post 3.04.2011, 21:24:35
Post #8





Grupa: Zarejestrowani
Postów: 57
Pomógł: 6
Dołączył: 10.01.2011

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


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ć.

Ten post edytował Vhaeraun 3.04.2011, 21:29:53


--------------------
Pomogłem ? Kliknij pomógł :)
Go to the top of the page
+Quote Post
webfreak
post 3.04.2011, 21:29:33
Post #9





Grupa: Zarejestrowani
Postów: 77
Pomógł: 8
Dołączył: 29.03.2011
Skąd: Londyn

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


Kodu strasznei duzo nie starannie żeby na szybko załatwić sprawe dodaj </br>


--------------------
http://szkolahtml.pl
Go to the top of the page
+Quote Post

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 Wersja Lo-Fi Aktualny czas: 29.04.2025 - 07:55