[JS]Problem z formatowaniem okienek po kliknięciu w link

[justynasankiel]

Cześć wszystkim!

Ostatnio znalazłam taką stronę http://pornel.net/pups, gdzie są przykłady jak po kliknięciu w link, w tym przypadku na miniaturkę ma pojawiać się okienko z suwakami, wyśrodkowane i z napisem Klik pod obrazkiem.

Kod który tam wykorzystano jest taki:

Kod: Zaznacz cały

<style type="text/css">
p img {color:white; background: black; padding: 1px; border: solid #888; border-width: 0 2px 2px 0; vertical-align: bottom;}
#popup body {cursor: pointer; padding: 5px 0; margin: 0; text-align:center;}
#popup p {margin:0;}
.klik {color:#444;font-size:0.9em}

Kod: Zaznacz cały

<a href="/pups/obrazek3.jpg" title="Okno pop-up w naruralnym środowisku (245x372)"><img src="/pups/miniatura3.jpg" alt="okno"></a>

Natomiast ja przerobiłam go na następujący:

Kod: Zaznacz cały

p img {color:white; background-color: black; padding: 1px; border: solid #888; border-width: 0 2px 2px 0; vertical-align: bottom;}
#popup body {cursor: pointer; padding: 5px 0; margin: 0; text-align:center; width: 100px; height: 100px;}
#popup p {margin:0;}
.klik {color:snow;font-size:0.9em}

Kod: Zaznacz cały

<a href="obrazek1.jpg" title="Taki sobie tekst (100x100)">Nazwa linka</a>

I wprawdzie otwiera mi okienko po kliknięciu na link, ale obrazek nie chce się wyśrodkować, nie widać tytułu nad obrazkiem, nie widać napisu Klik pod obrazkiem, okienko nie chce się ustawić na wymiar 100x100, całe okienko nie jest wyśrodkowane w poziomie.

Czy mógłby mi ktoś zmienić kod, żeby mi okienko otwierało się jak powinno, bez powyższych błędów?

Za pomoc będę niezmiernie wdzięczna

Justyna