Pomoć:Savjet tjedna/43

Ispravan popis uz sliku

Na Wikipediji se često javlja neki popis uz sliku koja ilustrira prateći tekst. Ako je slika lijevo od teksta, mogu se javiti dva problema kod takvog spoja:

• Ovisno o pregledniku, slika preklapa oznake za nabrajanje, ili oznake štrče ispod slike (nisu poravnate okomito).
• To se može izbjeći postavljanjem slike desno od teksta. Ali u slučaju da se u članku nalazi infookvir, slika će se spustiti ispod infookvira.

Razlog pojavljivanja ove greške je parametar "lijevo" koji se nalazi u poveznici za datoteku:

[[datoteka:neka_slika|mini|lijevo|opis_slike]]

Problem se može riješiti na dva načina, tagom <div>...</div> ili pomoću "skrivene" tablice. U oba slučaja iz poveznice datoteke treba izbaciti parametar "lijevo".

Tag <div> je jednostavnije rješenje: poveznicu uokviriti tagom u kome će biti definirano ravnanje:

• slika lijevo od teksta (dodana margina za razmak od teksta):
  <div style="float:left; margin-right: 10px;">[[datoteka:neka_slika|mini|opis_slike]]</div>
• slika desno od teksta:
  <div style="float:right;">[[datoteka:neka_slika|mini|opis_slike]]</div>

Drugo je rješenje staviti tekst u tablicu. Rješenje je također jednostavno ako slika treba ostati lijevo. Ako slika treba biti desno, onda i nju treba staviti u tablicu:

slika lijevo	slika desno
<!-- slika izvan tablice --> [[datoteka:neka_slika|mini|opis_slike]] {| <!-- sadržaj u tablici --> | * Sadržaj 1 * Sadržaj 2 ... |}	{| <!-- sadržaj i slika u tablici --> | # Sadržaj 1 # Sadržaj 2 ... | rowspan="X" <!-- X = broj redova sadržaja -->| [[datoteka:neka_slika|mini|opis_slike]] |}