Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML]Błędne wyświetlanie grafiki w IE, nie można ustawić jej w jednej linii z tekstem
mefistofeles
post 7.05.2010, 06:07:39
Post #1





Grupa: Zarejestrowani
Postów: 255
Pomógł: 0
Dołączył: 23.06.2009

Ostrzeżenie: (10%)
X----


Mam taki kodzik:

  1. <strong>Ocena:</strong> <span class="pokaz-w-linii">
  2. <ul class="ocenianie-gwiazdki male-gwiazdki">
  3. <li class="aktualna-ocena" style="width:'.$widthoce.'%;" title="Aktualna ocena to '.$ocena[$i].'">Aktualna ocena to '.$ocena[$i].'</li>
  4. </ul>
  5. </span>



Oraz taki css do niego:

  1. .pokaz-w-linii{ display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle; }
  2. .ocenianie-gwiazdki { position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top; }
  3. .ocenianie-gwiazdki li { display: inline; }
  4. .ocenianie-gwiazdki a, .ocenianie-gwiazdki .aktualna-ocena{ position:absolute; top:0; left:0; text-indent:-1000em; height:25px; line-height:25px; outline:none; overflow:hidden; border: none; }
  5. .ocenianie-gwiazdki a:hover, .ocenianie-gwiazdki a:active, .ocenianie-gwiazdki a:focus{ background-position: left bottom;}
  6. .ocenianie-gwiazdki .aktualna-ocena{ z-index:1; background-position: left center; }
  7. .ocenianie-gwiazdki a.gwiazdka-j { width:20%; z-index:6; }
  8. .ocenianie-gwiazdki a.gwiazdka-d { width:40%; z-index:5; }
  9. .ocenianie-gwiazdki a.gwiazdka-t { width:60%; z-index:4; }
  10. .ocenianie-gwiazdki a.gwiazdka-c { width:80%; z-index:3; }
  11. .ocenianie-gwiazdki a.gwiazdka-p { width:100%; z-index:2; }
  12. .male-gwiazdki { width:70px; height:14px; }
  13. .male-gwiazdki, .male-gwiazdki a:hover, .male-gwiazdki a:active, .male-gwiazdki a:focus, .male-gwiazdki
  14. .aktualna-ocena { background-image: url(images/gwiazdki_kategory.gif); line-height: 14px; height: 14px; }



Problem polega na tym, że koło napisu "Ocena:" w tej samej linii mają pojawić się gwiazdki.
W FF i Operze wszystko jest ok, w nieszczęsnym IE gwiazdki spadają do nowej linii i mimo różnych kombinacji nie mogę uzyskać w IE
zadowalającego efektu.

Z góry dziękuję za pomoc.
Powód edycji: [Ociu]:
Go to the top of the page
+Quote Post

Posty w temacie


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: 25.07.2025 - 10:10