Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS]galeria nie działa pod IE.
Forum PHP.pl > Forum > Przedszkole
Michael65
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>
roghatt
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ź
Michael65
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.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.