Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [CSS]lightbox 2, Pozycjonowanie obrazka
drx
post
Post #1





Grupa: Zarejestrowani
Postów: 18
Pomógł: 0
Dołączył: 26.11.2009

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


Witam

Mam problem: po dodaniu do galeri lightbox nie podoba mi sie wyswietlanie obrazka otwiera mi sie na dolnej krawedzi ekranu. A chciałbym ze bylo wyswietlane na srodku nie wazne jaki obrazek otworze.

Przesyłan screen: http://img14.imageshack.us/i/beztytuupko.jpg/

I plik css:
  1. #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
  2. #lightbox img{ width: auto; height: auto;}
  3. #lightbox a img{ border: none; }
  4.  
  5. #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
  6. #imageContainer{ padding: 10px; }
  7.  
  8. #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
  9. #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
  10. #imageContainer>#hoverNav{ left: 0;}
  11. #hoverNav a{ outline: none;}
  12.  
  13. #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
  14. #prevLink { left: 0; float: left;}
  15. #nextLink { right: 0; float: right;}
  16. #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
  17. #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
  18.  
  19. #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }
  20.  
  21. #imageData{ padding:0 10px; color: #666; }
  22. #imageData #imageDetails{ width: 70%; float: left; text-align: left; }
  23. #imageData #caption{ font-weight: bold; }
  24. #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
  25. #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}
  26.  
  27. #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }



Pozdro i prosze o pomoc.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
nmts
post
Post #2





Grupa: Zarejestrowani
Postów: 283
Pomógł: 34
Dołączył: 21.03.2008

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


No ale domyślnie lightbox pojawia się na środku więc rozumiem, że problemem nie jest css od lightboxa, tym bardziej skoro twierdzisz, że nic nie dawało efektu. Może jakiś inny plik css powoduje problem (zbyt ogólne opisy znaczników?). W każdym razie nie lubię lightboxa, bo są problemy z dużymi zdjęciami, polecam PrettyPhoto.
Go to the top of the page
+Quote Post

Posty w temacie
- drx   [CSS]lightbox 2   23.12.2009, 11:50:34
- - Wicepsik   Próbowałeś coś sam robić?   23.12.2009, 13:16:13
- - drx   zmienialem parametry ale nic nie dawalo takiego ef...   23.12.2009, 13:22:40
- - nmts   No ale domyślnie lightbox pojawia się na środku wi...   23.12.2009, 13:46:39


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 9.10.2025 - 13:41