Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML] Font-weight przesuwa wyrazy
Joshio
post
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

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

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.


[HTML] pobierz, plaintext 
  1. <style>
  2.  
  3. ul{
  4.  
  5. }
  6.  
  7. ul li{
  8. 	float: left;
  9. 	text-decoration: none;
  10. 	list-style-type: none;
  11. 	padding: 0 10px;
  12. 	font-weight: normal;
  13. }
  14.  
  15. ul li:hover{
  16. 	font-weight: bold;
  17. 	padding: 0 10px;
  18. }
  19. </style>
  20.  
  21.  
  22. <html>
  23. <head>
  24. 	<title></title>
  25. </head>
  26. <body>
  27.  
  28. 	<ul>
  29.  
  30. 		<li>Tekst</li>
  31. 		<li>Dwa</li>
  32. 		<li>Trzy</li>
  33. 		<li>Cztery</li>
  34.  
  35. 	</ul>
  36.  
  37. </body>
  38. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
trueblue
post
Post #2





Grupa: Zarejestrowani
Postów: 6 809
Pomógł: 1828
Dołączył: 11.03.2014

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

http://jsfiddle.net/1em2xe84/
http://jsfiddle.net/1em2xe84/1/
Go to the top of the page
+Quote Post

Posty w temacie
- Joshio   [HTML] Font-weight przesuwa wyrazy   12.02.2015, 00:56:39
- - Jarma   [CSS] pobierz, plaintext ul{ }...   12.02.2015, 07:22:07
- - Joshio   Właśnie problem jest w tym że nie może być stała s...   12.02.2015, 14:11:23
- - phpion   Nadając bold'a czcione zwiększasz jej "gr...   12.02.2015, 15:10:59
- - trueblue   http://jsfiddle.net/1em2xe84/ http://jsfiddle.net/...   12.02.2015, 15:24:57

« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 27.12.2025 - 21:40
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn