Стилизация на съдържанието
В последната ми задача се нахаках челно в един доста интересен проблем, заради който многократно въртях стойностите margin и padding на елементите. Каква беше ситуацията - няколко страници разнообразно като структура съдържание - заглавия, подзаглавия, списъци, изображения. И клиент, който определено имаше строги изисквания за отстоянията и изгледа на документа.
По подразбиране браузъра поставя определен margin-top и margin-bottom на заглавията, параграфите и списъците. Погрешно се пробвах с неща от сорта на
p {
margin-top:1em;
margin-bottom:.5em;
}
h2, h3
{
margin-top:0em;
margin-bottom:2em;
}
ul{
margin-top:1em;
margin-bottom:.5em;
}
Но както и да го въртях все някъде нещо не беше както трябва - защото веднъж след параграфа следваше заглавие, друг път подреден списък, пространството все не беше както трябва. В крайна сметка стигнах до логичното решение да нулирам margin-а на всички елементи, след което да манипулирам само margin-bottom - така всеки елемент от текста имаше отговорността да дефинира позицията на следващия. Същия ефект може да се постигне и с дефиниране само на margin-top.
Декември 10th, 2004 at 11:03 am
Пецик, бе ного ситно излиза тоя код под Лиско, при теб така ли е? Все едно е сетнат на 4px…
По темата - на 100% същия проблем имах и аз преди време, ама тогава имах благоразумието да погледна ей туй:
http://leftjustified.net/journal/2004/10/19/global-ws-reset/
Декември 10th, 2004 at 4:22 pm
Номерът с нулирането на Margin и padding на всички елементи спестява големи главоболия и в крайна сметка човек продбива много по-допбър контрол върху разположението - особено в тоя случай със заглавията и абзаците.
Декември 12th, 2004 at 10:53 am
Е, добре че се намира някой да ме подръчне да оправя някоя и друга недомислица. Мерси Боре.