Текущий архив: 2014.11.23;
Скачать: CL | DM;
Вниз
HTML -> управление шириной линии <hr /> Найти похожие ветки
← →
Пит (2014-04-13 21:14) [0]Постараюсь объяснить на пальцах, вот имеем пример:
Текст1
<hr />
Текст2
Браузер нарисует что-то наподобие трех строк, в первой строке будет "Текст1", во второй строке по середине будет нарисована линия, в третьей строке будет "Текст2".
Как сделать так, чтобы между "Текст1" и "Текст2" было МЕНЬШЕ расстояние, при этом посередине между ними по прежнему была горизонтальная линия? Размеры "Текст1" и "Текст2" при этом не менялись.
← →
DVM © (2014-04-13 21:31) [1]
> Как сделать так, чтобы между "Текст1" и "Текст2" было МЕНЬШЕ
> расстояние, при этом посередине между ними по прежнему была
> горизонтальная линия?
Убрать HR, заменить его на DIV и стилями задать все что душе угодно. Можно и HR попытаться стилями оформить. Отступы сверху и снизу вроде так задаются
margin:5px 0 5px 0
← →
DVM © (2014-04-13 21:34) [2]во http://www.webdev.ru/articles/styling-hr-tag-with-css.html
← →
KilkennyCat © (2014-04-13 21:44) [3]<style>
z {
border-bottom: 2px solid maroon; // линия
padding-bottom: 2px; // отступ от текста до линии */
}
</style>
.....
<z>Текст1</z><br/>Текст2
← →
DVM © (2014-04-13 21:45) [4]
> KilkennyCat © (13.04.14 21:44) [3]
<z> - что это?
← →
KilkennyCat © (2014-04-13 21:48) [5]заглушка. дримвивер проглатывает, для дальнейшего юзанья - кому что нравится, див, п, спан и т.д.
← →
Пит (2014-04-13 21:50) [6]
> во http://www.webdev.ru/articles/styling-hr-tag-with-css.
> html
там вроде нет речи об отступах (( Сам стиль HR понятно, но он при этом займет ровно одну строку текста...
← →
DVM © (2014-04-13 21:58) [7]
> Пит (13.04.14 21:50) [6]
> там вроде нет речи об отступах
<html>
<head>
</head>
<body>
<p>Test test test test test test test test </p>
<hr style="margin:-20px 0 -20px 0">
<p>Test test test test test test test test </p>
</body>
</html>
← →
junglecat (2014-04-13 23:36) [8]
Text 1
<div style="height:1px;width:100%;border-top:solid 1px #000;"></div>
Text2
← →
это все... (2014-04-14 14:48) [9]там вроде нет речи об отступах (( Сам стиль HR понятно, но он при этом займет ровно одну строку текста...
хаэр займет.
а если не хаэр, а бордер-боттом/топ у дива, то ничего не займет.
← →
Пит (2014-04-14 17:18) [10]DVM, спасибо! все круто
Страницы: 1 вся ветка
Текущий архив: 2014.11.23;
Скачать: CL | DM;
Память: 0.49 MB
Время: 0.006 c
