Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][Java] Podpisanie zdjęć
Forum PHP.pl > Forum > Przedszkole
raczkujacy
Mam problem z htmlem, składam stronkę gdzie muszę zastosować skrypt galerii.

Skrypt sam w sobie działa ok.

Mam Natomiast problem z podpisaniem obrazków. Chciałbym aby nad każdym obrazkiem znalazł się tytuł.

W tej chwili kawałek kodu wygląda następująco:

  1. <a href="oferta/A/1a.jpg" rel="lightbox"><img src="oferta/A/2.jpg"width="70" onclick="">tytuł obrazka</a></a>
  2. <a href="oferta/A/2a.jpg" rel="lightbox"><img src="oferta/A/2.jpg"width="70" onclick="">tytuł obrazka</a></a>
  3. <a href="oferta/A/3a.jpg" rel="lightbox"><img src="oferta/A/3.jpg"width="70" onclick="">tytuł obrazka</a></a>
  4. <a href="oferta/A/4a.jpg" rel="lightbox"><img src="oferta/A/4.jpg"width="70" onclick="">tytuł obrazka</a></a>


Wiadomo, komendy są obok siebie tak aby zdjęcia wyświetlały się w jednej lini. Tutaj aby łatwiej się patrzyło dałem jedno pod drugim.

Za każdym razem gdy dodam trochę tekstu to obrazki mi spadają sadsmiley02.gif jak dam po <br> to również spada. Nie mam już do tego cierpliwości. Znacznik alt i tiitle nic nie daje(zresztą alt i tiitle wyświetla się tylko po najechaniu, więc takie rozwiązanie odpada).

Panowie gdzie jest knif? Na pewno jest to prosta sprawa a ja już straciłem przez to parę godzin sciana.gif worriedsmiley.gif

Proszę o pomoc

Pozdrawiam

piotrooo89
po pierwsze:

co to tematu:
  1. <a href="oferta/A/1a.jpg" rel="lightbox"><img src="oferta/A/2.jpg"width="70" onclick=""></a>
  2. <a href="oferta/A/2a.jpg" rel="lightbox"><img src="oferta/A/2.jpg"width="70" onclick=""></a>
  3. <a href="oferta/A/3a.jpg" rel="lightbox"><img src="oferta/A/3.jpg"width="70" onclick=""></a>
  4. <a href="oferta/A/4a.jpg" rel="lightbox"><img src="oferta/A/4.jpg"width="70" onclick=""></a>


i teraz jeszcze pytanie czy poprawnie podałeś ścieżki do wszystkich skryptów zawiązanych z lightboxem.
raczkujacy
hmmm, wydaje mi się, że ścieżki są podane ok, ponieważ skrypt działa, jak sądze poprawnie.

Co do tego kodu co podałeś z tymi zdjęciami to praktycznie jest ok ponieważ nie ucieka na dół, niestety tekst pokazuje się obok a nie na górze, przez co wygląda koszmarnie sadsmiley02.gif , kombinuje jak by to dać na górę ale na razie nie wychodzi sciana.gif
piotrooo89
a możesz wrzucić to na jakiś serw żeby można było popatrzyć?
narki1
Najprościej będzie dać w tabeli:
CODE
<table border="0" cellspacing="0" summary="">
<tbody>
<tr>
<td>Opis obrazka 1</td><td>Opis obrazka 2</td>
</tr>
<tr>
<td>Obrazek 1</td><td>Obrazek 2</td>
</tr>
</tbody>
</table>
piotrooo89
zdjęcia to nie dane tabelaryczne, nie jest zalecane robienie tego typu rzeczy na tabelkach.
narki1
No to jako lista nienumerowana tylko w arkuszu trzeba wywalić punktowanie.
A to wszystko w kolejnej liście nienumerowanej i dać w arkuszu stylów display:inline;
piotrooo89
display inlinie nie jest wspierane przez IE.
raczkujacy
Dałem to Panowie w tabelki i teraz to się wyświetla tak jak powinno. Pytanie tylko dlaczego to nie jest zalecane?
narki1
No tak nie 100% nie wspiera: Tutaj jest rozwiązanie.
Ale jednak dla jasności lepiej kolego raczkujacy zamieść gdzieś kod na serwerze i daj link.
piotrooo89
ponieważ zdjęcia nie są danami tabelarycznymi. poczytaj: http://kurs.browsehappy.pl/CSS/Table
narki1
Nie zalecane ponieważ tabelki służą do tabelek z danymi. Aczkolwiek jakiś czas temu większość całych serwisów internetowych opierała się na tabelkach.
piotrooo89
jakiś czas temu ludzie podróżowali konno, czy to znaczy że teraz też trzeba tak podróżować? smile.gif
narki1
Ostatni off topic.
Uważam ,że jeżeli są trudne miejsca to można stosować tabelki aczkolwiek zgadzam się że nie powinno się.
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.