Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [CSS] Sprites nie działa poprawnie
adam882
post
Post #1





Grupa: Zarejestrowani
Postów: 289
Pomógł: 1
Dołączył: 2.11.2007

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

Witam

Próbuję przygotować podświetlane menu w nawigacji za pomocą pociętego, zaokrąglonego tła (jako alternatywe dla border-radius, którego nie obsługuje IE). Problem jest taki, że pod firefoxem, operą wszystko wygląda w porządku, jednak w IE widać jakby obrazki pobierane ze "sprites" były z lekka rozmazane, co wygląda wręcz jakby np. z lewej części był koło obrazka dodatkowy border 1px. Próbowałem w formatach bmp, gif, jpeg i nadal to samo.

Ten post edytował adam882 16.11.2011, 23:23:35
Go to the top of the page
+Quote Post
Kostek.88
post
Post #2





Grupa: Zarejestrowani
Postów: 376
Pomógł: 47
Dołączył: 23.08.2007
Skąd: Warszawa

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

Pokaz kod
Go to the top of the page
+Quote Post
adam882
post
Post #3





Grupa: Zarejestrowani
Postów: 289
Pomógł: 1
Dołączył: 2.11.2007

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

Mam przykładowo taki kod (użyty obrazek - link do obrazka)
[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  5. <title>Nawigacja</title>
  6. <style>
  7. body{background-color:#896F85;}
  8.  
  9. ul li{float:left; margin-left:20px; font-weight:bold; font-size:11px; list-style:none; height:27px;}
  10. ul li.una a{color:#eeeeee; display:block; padding:8px; text-decoration:none;}
  11. ul li.now a{color:#82677E; display:block;  padding:8px; text-decoration:none;  background: url('btlo.gif') -227px -27px no-repeat;}
  12. ul li.una a:hover{background-color:#FFFFFF; color:#82677E; background:url('btlo.gif') -227px -27px no-repeat;}
  13.  
  14. ul li, ul li.una:hover{background:url('btlo.gif') 100% 0px;}
  15. ul li.una{background:none;}
  16. </style>
  17. </head>
  18. <body>
  19. <div style="margin:auto; padding-top:10px;">
  20. <ul>
  21. 	<li class="now"><a href="#">Link</a></li>
  22. 	<li class="una"><a href="#">Link</a></li>
  23. 	<li class="una"><a href="#">Link</a></li>
  24. 	<li class="una"><a href="#">Link</a></li>
  25. </ul>
  26. </div>
  27. </body>
  28. </html>
[HTML] pobierz, plaintext

Pod firefoxem i operą jest wszystko ok, natomiast w IE widać buttony postrzępione i rozmyte na krawędziach. Może coś przekręciłem, gdyż css nie jest moją mocną stroną, ale kombinowałem żeby coś z tego wyszło.

Ten post edytował adam882 17.11.2011, 09:20:00
Go to the top of the page
+Quote Post
by_ikar
post
Post #4





Grupa: Zarejestrowani
Postów: 1 798
Pomógł: 307
Dołączył: 13.05.2009
Skąd: Gubin/Wrocław

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

U mnie pod IE 7 wszystko ok, niestety nie sprawdzę ci pod IE 6.
Go to the top of the page
+Quote Post
adam882
post
Post #5





Grupa: Zarejestrowani
Postów: 289
Pomógł: 1
Dołączył: 2.11.2007

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

sprawdzałem pod IE 8 na innym komputerze i jest ok, natomiast na moim komputerze (IE 9) jest rozmazane. Może problem leży gdzie indziej, gdyż np. na Allegro , górny pasek pod IE również jest rozmazany - dziwne..

edit:
już wiem co było nie tak, IE powiększał mi stronę (widocznie kiedyś użyłem przez przypadek CTRL + scroll myszki)

Ten post edytował adam882 17.11.2011, 10:51:32
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 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: 19.08.2025 - 04:13
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn