Вертикальные линни в Css

Anelit · 08.12.2006, 00:13

Доброго всем времени.
Подскажите, пожалуйста какой-нибудь альтернативный способ нарисования вертикальной линии и слева, и справа.
Пробывала и через стиль, и с помощью таблицы, но или в Mozil'е не отображается (через стиль) или же не отображается справа линия.

Через стиль:
.vline
{
border-left: 1 solid black;
margin-top: 20;
margin-bottom: 20;
margin-left: 150;
padding-left: 50;
}

.vlineR
{
border-right: 1 solid black;
margin-top: 20;
margin-bottom: 20;
margin-right: 150;
padding-right: 50;
}

<div class="vline">
<div class="vlineR">
...
</div>
</div>

Таблица:

<table width=100% cellpadding=0 cellspacing=12 border=0>
<tr>
<td width=1 bgcolor=#000000></td>
<td>Текст текст текст текст</td>
</tr>
</table>

Спасибо

Uratsakidogi · 08.12.2006, 01:14

border-left: 1px solid #цвет; border-right: 1px solid #цвет;

Anelit · 08.12.2006, 17:20

Люди помогите девушке, плиз.
Мозила капризаня не отображает линии, попробывала в CSS добавить следующее
html, body { height: 100%;}
div { height: 100%;}
но всё-равно тажалабуда получается....

Scrum · 08.12.2006, 19:04

это конечно полное извращение. но тем не менее.

Код:

<html>
	<head>
		<style type="text/css">
		html, body {margin: 0px; padding: 0px; border: 0px; text-align: center;}
		#blok {width: 100%; height: 100%; margin: auto; text-align: left;}
		#blok1{width: 50%; height: 100%; float: left;}
		#blok2{background-color: green;width: 1px; height: 100%; float: left;}
		#blok3{width: 50%; height: 100%; float: left;}
		</style>
	</head>
	<body>
	<div id=blok>
	<div id=blok1>left</div>
	<div id=blok2></div>
	<div id=blok3>right</div>
	</div>
	</body>
</html>

smale · 09.12.2006, 12:01

можно замостить ячейку картинкой .Сделать ее на 2px на 1
1pх-цвет , 1- прозрачный
а потом стиль, к примеру
td.Left {background-position:left; background-repeat:repeat-y}

Anelit · 11.12.2006, 23:51

Scrum, спасибо за извращение, сейчас буду пробывать

smale, спасибо, тож попробую использовать)

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
вертикальные отступы у <h1>	bySmash	HTML, CSS, JavaScript	4	02.12.2003 14:30

08.12.2006, 00:13	#1
Anelit	Доброго всем времени. Подскажите, пожалуйста какой-нибудь альтернативный способ нарисования вертикальной линии и слева, и справа. Пробывала и через стиль, и с помощью таблицы, но или в Mozil'е не отображается (через стиль) или же не отображается справа линия. Через стиль: .vline { border-left: 1 solid black; margin-top: 20; margin-bottom: 20; margin-left: 150; padding-left: 50; } .vlineR { border-right: 1 solid black; margin-top: 20; margin-bottom: 20; margin-right: 150; padding-right: 50; } <div class="vline"> <div class="vlineR"> ... </div> </div> Таблица: <table width=100% cellpadding=0 cellspacing=12 border=0> <tr> <td width=1 bgcolor=#000000></td> <td>Текст текст текст текст</td> </tr> </table> Спасибо

08.12.2006, 01:14	#2
Uratsakidogi	border-left: 1px solid #цвет; border-right: 1px solid #цвет;

08.12.2006, 17:20	#3
Anelit	Люди помогите девушке, плиз. Мозила капризаня не отображает линии, попробывала в CSS добавить следующее html, body { height: 100%;} div { height: 100%;} но всё-равно тажалабуда получается....

09.12.2006, 12:01	#5
smale	можно замостить ячейку картинкой .Сделать ее на 2px на 1 1pх-цвет , 1- прозрачный а потом стиль, к примеру td.Left {background-position:left; background-repeat:repeat-y}

11.12.2006, 23:51	#6
Anelit	Scrum, спасибо за извращение, сейчас буду пробывать smale, спасибо, тож попробую использовать)

Опции темы
Версия для печати Отправить по электронной почте