Подчеркивание списка с начала маркера.

**fenixnt** · 23.12.2007, 00:02

Здравствуйте. Помогите, пожалуйста, как сделать подчеркивание у списка и чтобы подчеркивание начиналось с того места где и сам маркер, даже чуть раньше на 3 пикселя? Замечательно получилось с <hr>, но код не валидный

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>123456789</title>
</head>
<body>
<li style="border-bottom:4px solid black; width:60px; padding:0;">123456789
</body>
</html>

Заранее спасибо.

**Aykroyd** · 23.12.2007, 00:57

Отключить стандартные маркеры, сделать маркеры фоновым изображением и воспользоваться свойством border-bottom...

**fenixnt** · 23.12.2007, 19:33

Originally posted by Aykroyd@Dec 23 2007, 01:57
Отключить стандартные маркеры, сделать маркеры фоновым изображением и воспользоваться свойством border-bottom...
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

Вот так сделал:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>123456789</title>
</head>
<body>
<li style="list-style:none; list-style-image: url(image.gif);border-bottom:4px solid black; width:60px; padding:0;">123456789
</body>
</html>

Все равно не получается

**Aykroyd** · 23.12.2007, 20:36

Не в ту степь поехали...
Сказано же было: фоновым изображением, а не при помощи свойства list-style-image...

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>123456789</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
* {margin: 0px; padding: 0px;}
ul {list-style: none;}
li {background: url(image.gif) no-repeat 3px center; width: 60px; padding-left: 20px; border-bottom: 4px #000000 solid;}
</style>
</head>
<body>
****
123456789

</body>
</html>

**fenixnt** · 23.12.2007, 22:41

Originally posted by Aykroyd@Dec 23 2007, 21:36
Не в ту степь поехали...
Сказано же было: фоновым изображением, а не при помощи свойства list-style-image...

Код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>123456789</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> * {margin: 0px; padding: 0px;} ul {list-style: none;} li {background: url(image.gif) no-repeat 3px center; width: 60px; padding-left: 20px; border-bottom: 4px #000000 solid;} </style> </head> <body>
****
123456789
</body> </html>

<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>

Спасибо

Тема: Подчеркивание списка с начала маркера.

Опции темы

Поиск по теме

Отображение

Похожие темы

Подчеркивание текста пунктирной линией

Как изменить размеры маркера у списка

Получить цвет ярко салатового маркера?

Как сделать такое подчёркивание ссылки

для начала новичку

Ваши права