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.
Pełna wersja: Tekst nad obrazkiem
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.
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.
Kod
<div>
<span>Napis 1</span>
<img>
</div>
<div>
<span>Napis 2</span>
<img>
</div>
<div>
<span>Napis 3</span>
<img>
</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
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.