01 sierpnia 2010

15. Marginesy obrazka

Zajmę się teraz ustalaniem marginesów obrazka, tak aby tekst odsunął się od niego na pewną ustaloną odległość... Zobacz przykład w poprzednim materiale zatytułowanym Ustawienia obrazka, jak tekst przylega do obrazków. W tym przykładzie pokażę jak tego uniknąć. 

W tym przykładzie tak jak i w poprzednim użyję styli za pomocą, których zdefiniuję margines obrazka. 
Do styli dopiszę taki fragment: margin:15px 
Szerokość marginesu będzie wynosić 15 pikseli z wyrównaniem do lewej strony.

Tak będzie wyglądał przykładowy kod:
<img src="URL obrazka" alt="tekst alternatywny" style="float:left; margin:15px;"/>

Przykład:

E-book tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst teksttekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tetekst tekst test tekst tekst tekst kst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tetekst tekst test tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst tekstst tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tektekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test tekst tekst tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst test test tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst test tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst tekst tekst tekst tekst test tekst tekst test test tekst tekst tekst

Tak układający się tekst wygląda znacznie lepiej niż w poprzednim przykładzie.
 Oczywiście obrazek też może być wyrównany do prawej strony.

0 komentarze:

Prześlij komentarz

Komentarze z obraźliwymi słowami nie będę zatwierdzane. Nie klnij i nie podawaj samych linków. Te na pewno nie będą zatwierdzane.