Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. Программирование. Ступени успешной карьеры. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: как сделать вертикальную линию ?
 
 автор: MadeInUSSR   (15.04.2006 в 08:29)   письмо автору
 
 

<hr> это горизонтальная линия , а как сделать вертикальную линию ?

   
 
 автор: EnD   (15.04.2006 в 09:36)   письмо автору
 
   для: MadeInUSSR   (15.04.2006 в 08:29)
 

А только с помощью таблицы...

   
 
 автор: КРУТО   (15.04.2006 в 13:25)   письмо автору
 
   для: EnD   (15.04.2006 в 09:36)
 

создаешь таблице в фотошопе делаешь линию и ее в бакграунд

   
 
 автор: КРУТО   (15.04.2006 в 13:38)   письмо автору
 
   для: EnD   (15.04.2006 в 09:36)
 

создаешь таблице в фотошопе делаешь линию и ее в бакграунд

   
 
 автор: targa   (15.04.2006 в 17:26)   письмо автору
 
   для: MadeInUSSR   (15.04.2006 в 08:29)
 

Можно
рисунок шириной 1px растянуть до нужной высоты указав нужный размер в тэге img.

div или span (смотря куда вставлять) определить им высоту и ширину стилем
width: 1px; height: 100px; background-color: black;
или так
width: 1px; height: 100%; background-color: black;
тогда элемент должен растянуться по высоте до того размера который дал родитель (правда не всегда работает).

   
 
 автор: 12345   (15.04.2006 в 18:43)   письмо автору
 
   для: targa   (15.04.2006 в 17:26)
 

И, наконец, вариант через стили:

<b>Вертикальный текст.</b><br>
<style>.vert{writing-mode:tb-rl;height:90%;position:absolute;top:20px;left:40px;} 
</style>
<hr class=vert>
<div class=vert> Пример вертикальной линии.</div>
Интересно, что текст в FF 1.06 не работает, а верт.линия работает.

   
 
 автор: EnD   (15.04.2006 в 22:54)   письмо автору
 
   для: 12345   (15.04.2006 в 18:43)
 

Вообще-то самый удобный вариант, создать в граф. редакторе кусочек нужной ширины, а потом на странице в нужную ячейку background вставить...

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования