Tekst nad obrazkiem Opcje

[astron]

Chciałbym nad obrazkami napisać nazwy (miast), tak aby po wyświetleniu pliku html http://www.speedyshare.com/files/28581910/new.html nad każdym obrazkiem pojawiła się stosowna nazwa, np. Berlin nad pierwszym, Berlin 2 nad drugim itd.
Kod HTML: http://wklej.to/Y797A

W jaki sposób to mogę zrobić? Czy trzeba tutaj już użyć CSS-a? Jeśli tak proszę o przesunięcie do stosownego działu.

[kamil4u]

Tak, trzeba użyć CSS. Najprościej - tworzysz div-a, w którym trzymasz opis zdjęcia(<span>) i samo zdjęcie(<img>). Ustawiasz im display: block i dla opisu text-align: center; . Gdy chcesz trzymać 2 zdjęcia obok siebie to nadajesz float odpowiednim div-om.

[astron]

Mógłbyś podać przykład? Albo dokładnie jak to ustawić dla większej ilości obrazków? Nie wiem, którego floata użyć i gdzie wpisać span.

[kamil4u]

Kod

<div>
<span>Napis 1</span>
<img>
</div>

<div>
<span>Napis 2</span>
<img>
</div>

<div>
<span>Napis 3</span>
<img>
</div>

Przeczytaj kurs CSS. Możesz nadać div-om klasę(class) np. photo i za pomocą .nazwa_klasa dostać się do elementów.

Postaraj się zrobić to samemu, poczytać, popróbować itd. Jeżeli Ci się nie uda to Ci pomożemy, jednak sam wykaż trochę inicjatywy(np. podając nam kod, którym próbowałeś to zrobić, nawet gdy to nie działa)

Powodzenia (IMG:style_emoticons/default/smile.gif)