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 (1 - 3)
Wicepsik
post
Post #2





Grupa: Zarejestrowani
Postów: 1 575
Pomógł: 299
Dołączył: 26.03.2009

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


Próbowałeś coś sam robić?


--------------------
Go to the top of the page
+Quote Post
drx
post
Post #3





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

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


zmienialem parametry ale nic nie dawalo takiego efektu.

pozdro
Go to the top of the page
+Quote Post
nmts
post
Post #4





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.


--------------------
Free Web Tools - narzędzia dla programistów, webdeveloperów i specjalistów seo...
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 - 14:42