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
Post #1





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

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

Mam taki kodzik:

[HTML] pobierz, plaintext 
  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>
[HTML] pobierz, plaintext



Oraz taki css do niego:

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



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
 
 Start new topic
Odpowiedzi
mefistofeles
post
Post #2





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

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

Mam doctype strict:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Proszę o jakieś sensowne rady.
Go to the top of the page
+Quote Post

Posty w temacie
- mefistofeles   [HTML]Błędne wyświetlanie grafiki w IE   7.05.2010, 06:07:39
- - darophp   Ja już nie mogę: [PHP] pobierz, plaintext <!D...   7.05.2010, 06:16:31
- - mefistofeles   Mam doctype strict: <!DOCTYPE html PUBLIC ...   7.05.2010, 06:28:40
- - pedro84   Po co Ci ten <span> (w którym jest lista). N...   7.05.2010, 09:51:21
- - essey   Aleś naładował tam tych styli... Aby TO zadziałał...   7.05.2010, 10:19:08
- - mefistofeles   Zmodyfikowałem ten kod tak jak mówiłeś. Teraz mam...   7.05.2010, 12:12:43
- - programista20   A jak wygląda gwiazdka do wyświetlenia... Jaki kod...   7.05.2010, 18:19:30
- - mefistofeles   Pominelem ta czesc kodu dla ulatwienia i nie ma ju...   8.05.2010, 12:25:11
- - Ociu   @mefistofeles do kodu css posiadamy odpowiednie bb...   8.05.2010, 12:40:35

« 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: 8.10.2025 - 22:36
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn