Porady
Pozycjonowanie tekstu

Jak wygląda tekst "przylepiony" do obramowania komórki wszyscy wiedzą.

to jest przylepiony tekst

...nic ciekawego i wygląda nieprofesjonalnie.
Zaradzić temu możemy w prosty sposób stosując style css a dokładnie atrybuty padding. Oto przykład tej same tabeli z zastosowaniem stylów.
to już nie jest przylepiony tekst

W powyższej tabelce zastosowałem 20 pikselowe marginesy ze wszystkich stron umieszczając w znaczniku <td>- style="padding: 20px"
Oczywiście atrybut padding możemy stosować do każdego z marginesów osobno: przykład
to już nie jest przylepiony tekst a każdy z marginesów określany osobno to już nie jest przylepiony tekst a każdy z marginesów określany osobno

style wyglądają następująco: style="padding-right: 30px; padding-top: 20px; padding-bottom: 40px; padding-left: 10px"

I to byłoby pokrótce na tyle. Aby ułatwić sobie pracę, odstęp tekstu, grafiki itd od krawędzi komórki możemy określić w zewnętrznym pliku css lub umieszczają w sekcji head strony, wyglądający mniej więcej tak zapis stylu:
<STYLE>
TD.margin {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
</STYLE>
wówczas tekst we wszystkich komórkach będzie wypozycjonowany w identyczny sposób.

Autor: webmark


drukuj