В стандартном HTML практически нет возможности задать отступ (HTML отступ) от одного элемента до другого (разве что для тега img можно указать vspace и hspace). Поэтому исторически для этих целей используют прозрачную GIF'овую распорку (прозрачный GIF файл с установленными width и/или height):
С появлением CSS стало возможным производить тонкий «тьюнинг» отступов (свойство margin):
<p style="margin-bottom:10px">Lingua latina non penis canina est.</p>
Но иногда, правда, бывает быстрее и удобнее сделать отступ, используя всяческие HTML выкрутасы.
Итак, господа-товарищи, в этой заметке я хотел бы обобщить различные способы задания промежутков между элементами HTML-страницы. Оставляю на ваше усмотрение использование того или иного метода для HTML отступа. Поехали!
Конечно, как сторонник стандартов, я бы всё же советовал ограничиться CSS свойством margin и/или DIV'ами с CSS параметрами width и height. Но опять же, повторяю, иногда не грех применять и другие методы, если вы уверены в том, что посетители сайта увидят всё именно так, как оно и должно быть.
spacer.gif — это, понятное дело, однопиксельный прозрачный гиф. Указание ширины и высоты в НОЛЬ не во всех браузерах корректно работает (примеры уже не помню, но в конце концов это просто не логично). По моим наблюдениям, при работе браузеров с выключенными картинками ширина и высота могут некорректно работать у распорки, отсюда самым лучшим способом остается задавать ширину и высоту vspace и hspace (если нужно четное значение, то отнимаете 2, делите на 2 и вписываете в hspace(vspace), а к width=2(height=2); если надо нечетное, тогда отнимаете 1, также вписываете в hspace(vspace)width=1(height=1) соответственно). border=0 — также для переопределения любых настроек браузера.
Ну и самое главное style=1;visibility:hidden — если писать просто style=visibility:hidden, то в NN4 эти распорки физически исчезают и ничего не остается, а при добавлении ошибки в код стиля NN4 просто игнорирует этот код. В IE5+, Opera5+, NN6+ всё работает отлично, а для более старых браузеров срабатывает перестраховка с hspace(vspace), видны только точечки…
Дата: Воскресенье, 09.02.2014, 11:21 | Сообщение # 2
Группа: Гости
buy cialis 20mg <a href=http://dstvmediasales.com/sitemap.php?farm=viagra-generic-alternatives>viagra generic alternatives</a> zithromax against chlamydia http://dstvmediasales.com/sitemap.php?farm=price-of-viagra-in-mexico - price of viagra in mexico zithromax mode of action http://dstvmediasales.com/sitemap.php?farm=buy-cialis-online-mastercard - buy cialis online mastercard what is the price of cialis
Дата: Воскресенье, 16.02.2014, 02:00 | Сообщение # 3
Группа: Гости
online viagra shopping in india <a href=http://www.rwuk.org/?product=viagra-cost-at-target>viagra cost at target</a> propecia receding http://www.rwuk.org/?product=propecia-long-term-effects - propecia long term effects cialis 5 mg price walgreens http://www.rwuk.org/?product=buy-kamagra-pay-with-paypal - buy kamagra pay with paypal viagra medical
Добавлено (16.02.2014, 02:00) --------------------------------------------- online viagra shopping in india <a href=http://www.rwuk.org/?product=viagra-cost-at-target>viagra cost at target</a> propecia receding http://www.rwuk.org/?product=propecia-long-term-effects - propecia long term effects cialis 5 mg price walgreens http://www.rwuk.org/?product=buy-kamagra-pay-with-paypal - buy kamagra pay with paypal viagra medical
Добавлено (16.02.2014, 02:00) --------------------------------------------- online viagra shopping in india <a href=http://www.rwuk.org/?product=viagra-cost-at-target>viagra cost at target</a> propecia receding http://www.rwuk.org/?product=propecia-long-term-effects - propecia long term effects cialis 5 mg price walgreens http://www.rwuk.org/?product=buy-kamagra-pay-with-paypal - buy kamagra pay with paypal viagra medical
Добавлено (16.02.2014, 02:00) --------------------------------------------- online viagra shopping in india <a href=http://www.rwuk.org/?product=viagra-cost-at-target>viagra cost at target</a> propecia receding http://www.rwuk.org/?product=propecia-long-term-effects - propecia long term effects cialis 5 mg price walgreens http://www.rwuk.org/?product=buy-kamagra-pay-with-paypal - buy kamagra pay with paypal viagra medical
