Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [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
Jarma
post
Post #2





Grupa: Zarejestrowani
Postów: 36
Pomógł: 11
Dołączył: 20.07.2009

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

[CSS] pobierz, plaintext 
  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. }
[CSS] pobierz, plaintext



Jak ustawisz stałą szerokość wszystko będize tak jak chcesz

Ten post edytował Jarma 12.02.2015, 07:23:58
Go to the top of the page
+Quote Post
Joshio
post
Post #3





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

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

Właśnie problem jest w tym że nie może być stała szerokość bo strona ma mieć zainstalowanego CMS'a.
Go to the top of the page
+Quote Post
phpion
post
Post #4





Grupa: Moderatorzy
Postów: 6 072
Pomógł: 861
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza
Nadając bold'a czcione zwiększasz jej "grubość" przez co dany tekst zajmuje więcej przestrzeni, więc przesuwa elementy obok siebie.
Go to the top of the page
+Quote Post
trueblue
post
Post #5





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
« 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: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

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

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