Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Font-weight przesuwa wyrazy
Forum PHP.pl > Forum > Przedszkole
Joshio
Witam

Mam taki problem: Dotyczy on tylko przeglądarki Firefox - mam ustawione przykładowe menu ul li.
Na ul li mam :hover z font-weight: bold - i tu występuje problem ponieważ gdy najeżdżam kursorem na "Dwa" wyraz pogrubia się jednak słowo "Trzy" i "Cztery" delikatnie przesuwają się w prawo co psuje cały efekt. Co zrobić aby wyrazy nie przesuwały się w prawo?
Na Chrome jest wszystko ok.


  1.  
  2. ul{
  3.  
  4. }
  5.  
  6. ul li{
  7. float: left;
  8. text-decoration: none;
  9. list-style-type: none;
  10. padding: 0 10px;
  11. font-weight: normal;
  12. }
  13.  
  14. ul li:hover{
  15. font-weight: bold;
  16. padding: 0 10px;
  17. }
  18.  
  19.  
  20. </head>
  21.  
  22. <ul>
  23.  
  24. <li>Tekst</li>
  25. <li>Dwa</li>
  26. <li>Trzy</li>
  27. <li>Cztery</li>
  28.  
  29. </ul>
  30.  
  31. </body>
  32. </html>
Jarma
  1. ul{
  2.  
  3. }
  4.  
  5. ul li{
  6. float: left;
  7. text-decoration: none;
  8. list-style-type: none;
  9. padding: 0 10px;
  10. font-weight: normal;
  11.  
  12.  
  13. width: 50px;
  14. }
  15.  
  16. ul li:hover{
  17. font-weight: bold;
  18. padding: 0 10px;
  19. }



Jak ustawisz stałą szerokość wszystko będize tak jak chcesz
Joshio
Właśnie problem jest w tym że nie może być stała szerokość bo strona ma mieć zainstalowanego CMS'a.
phpion
Nadając bold'a czcione zwiększasz jej "grubość" przez co dany tekst zajmuje więcej przestrzeni, więc przesuwa elementy obok siebie.
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.