Как да сложа линя като hr, само да бъде вертикална

Два варианта ми хрумнаха като начало.

Първият е да сложиш един див с широчина 1px, височина - колкото искаш да ти е вертикалната линия и background цветът на линията. Същото може да се постигне с широчина 0 и някакъв бордер.

Вторият вариант използва CSS 3. За жалост не успях да измисля решение, което да работи и под IE 6. Така че поддържаш всички съвременни браузъри без IE 6 (който за съжаление още не може да се пренебрегне напълно в България)

[css]hr.vertical {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
transform: rotate(-90deg);
} [/css]

и просто където искаш вертикална линия - задаваш
HTML:
<hr class="vertical" />

За съжаление в 99% от случаите бих избрал вариант 1 :)
 
то това ми трябва за таблица, но открих едно нещо

<table border="1" cellpadding="4" style="color: #000; text-align: center; border-collapse: collapse; width: 200px; border-style: hidden;">

като му задам настройките така на таблицата, става както искам
 
Ами подчертавай за какво точно ти трябва! Иначе щях да пиша да я сложиш тая линия като бекграунд, но знам ли ти дизайна и структурата на хтмл кода ;)
 

Back
Горе