Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS]galeria nie działa pod IE.
Michael65
post
Post #1





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 2.04.2010

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


Witam,

mam taki kod małej galerii zrobiony w css i html.
Jednak nie działa on pod IE.
Da się coś z tym zrobić?
Pod innymi przegladarkami działa.

  1. <style type="text/css">
  2. .galeria{
  3. padding-top: 470px; /* tu ustawiamy miejsce na duże zdjęcie. Po najeździe tu pojawi się span */
  4. position: relative; /* nasz span będzie się pozycjonował względem tego elementu bo jako ostatni ma position inne od static
  5. }
  6. .miniatury{
  7. padding-left: 35px; /* Tylko wygląd */
  8. }
  9. .miniatury > span{
  10. float: left; /* Tylko wygląd */
  11. margin-right: 35px; /* Tylko wygląd */
  12. }
  13. .miniatury > span > span{
  14. position: absolute; /* pozycjonujemy */
  15. left: 0; /* w lewy */
  16. top: 0; /* górny róg diva .galeria */
  17. display: none; /* normlanie span jest ukryty */
  18. width: 505px; /* jakas szerokosc */
  19. height: 450px; /* jakas wyskosc */
  20. border: 1px solid #fff; /* Tylko wygląd */
  21. }
  22. .miniatury > span:hover img{
  23. background-color: #999; /* Tylko wygląd */
  24. }
  25. .miniatury > span:hover > span{
  26. display: block; /* kiedy nadrzędny span jest hoverowany, pokazujemy naszego spana z duzym zdjeciem */
  27. }
  28. span.pm{
  29. background: transparent url(http://codra.na11.pl/szablon/images/m/3szablon.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
  30. }
  31. span.nuns{
  32. background: transparent url(http://codra.na11.pl/szablon/images/m/3szablon.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
  33. }
  34. span.shut{
  35. background: transparent url(3d.jpg) 50% 50% no-repeat; /* ustawienie dużego zdjęcia */
  36. }
  37. <div class="galeria">
  38. <div class="miniatury">
  39. <span class="male-foto"><img src="http://codra.na11.pl/szablon/images/m/3szablon.jpg" alt="" /><span class="duze-foto nuns"></span></span>
  40. <span class="male-foto"><img src="2m.jpg" alt="" /><span class="duze-foto pm"></span></span>
  41. <span class="male-foto"><img src="3m.jpg" alt="" /><span class="duze-foto shut"></span></span>
  42. </div>
  43. </div>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
roghatt
post
Post #2





Grupa: Zarejestrowani
Postów: 250
Pomógł: 11
Dołączył: 20.03.2006

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


ja u siebie musiałem zrobić z kreseczkami wszędzie gdzie miało czytać obrazek.
czyli u Ciebie:
Kod
background: transparent url('http://codra.na11.pl/szablon/images/m/3szablon.jpg')

Resztę też pododawaj i sprawdź
Go to the top of the page
+Quote Post
Michael65
post
Post #3





Grupa: Zarejestrowani
Postów: 40
Pomógł: 0
Dołączył: 2.04.2010

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


nadal nie działa, zapomniałem dodać jak to powinno w ogolę działać.

Otóż po najechaniu na jakiś obrazek na górze powinien się pojawić ten sam, tyle że powiększony.
Go to the top of the page
+Quote Post

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 Aktualny czas: 21.08.2025 - 08:28