-
Здравствуйте. Помогите, пожалуйста, как сделать подчеркивание у списка и чтобы подчеркивание начиналось с того места где и сам маркер, даже чуть раньше на 3 пикселя? Замечательно получилось с <hr>, но код не валидный [Only registered and activated users can see links. Click Here To Register...]
Код:
<!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>
Заранее спасибо.
-
Отключить стандартные маркеры, сделать маркеры фоновым изображением и воспользоваться свойством border-bottom...
-
Цитата:
Originally posted by Aykroyd@Dec 23 2007, 01:57
Отключить стандартные маркеры, сделать маркеры фоновым изображением и воспользоваться свойством border-bottom...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/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>
Все равно не получается [Only registered and activated users can see links. Click Here To Register...]
-
Не в ту степь поехали...
Сказано же было: фоновым изображением, а не при помощи свойства 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>
</body>
</html>
-
Цитата:
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>
</body>
</html>
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]</div>
Спасибо :hi:
