Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
problem z galerią - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z galerią (/thread-problem-z-galeria--8294)



problem z galerią - mapcel - 09-12-2011

http://mp.hekko.pl/1/galeria.html

Witam, tutaj znajduje się obecnie strona, lecz niestety grafika wyświetla się w pionie zamiast w poziomie.
Skrypt obsługujący galerię - lightbox2
Tutaj znajduje się ten wycinek kodu: http://wklej.org/id/643896/

Co zrobić, aby te miniaturki znajdowaly sie obok siebie?


RE: problem z galerią - Kartofelek - 09-12-2011

ojojojoj. Nie używa się znacznika font.

Dodaj do styli:

Kod:
.main div a {display:inline-block; *display:inline; float:left; margin-right:10px;}
.main font {clear:both; display:block; text-align:right;}

Najlepiej jednak daj tym linkom z miniaturkami jakąś klasę np class="thumb" i wtedy w stylach dodaj:
Kod:
.thumb {display:inline-block; *display:inline; float:left; margin-right:10px;}



RE: problem z galerią - mapcel - 10-12-2011

No już lepiej wygląda, ale w linijce są tylko 3 grafiki. Jak ustawić, aby 4-5 miniaturek się mieściło?


RE: problem z galerią - Kartofelek - 10-12-2011

Ty się mnie nie pytaj. Ty lepiej zacznij używać Firefoxa czy Chroma i ich debugerów. Np Firebuga. Badasz sobie element i od razu widzisz że w td#main masz diva z marginesem 200px