Вернуться   Дизайнерский форум » ВЕБ-ПРОГРАММИРОВАНИЕ » HTML, CSS, JavaScript

Как сделать красивую линию на странице?

Обсуждение темы Как сделать красивую линию на странице? в разделе HTML, CSS, JavaScript, часть категории ВЕБ-ПРОГРАММИРОВАНИЕ; Привет, уважаемые веб-мастера! Подскажите пожалуйста, как Вы создаете линии на веб-страницах? Эти линии выделяют различные блоки на страницах (как и на этой). Мне ...


Закрытая тема
 
Опции темы
Старый 23.10.2004, 18:18   #1
Привет, уважаемые веб-мастера!
Подскажите пожалуйста, как Вы создаете линии на веб-страницах? Эти линии выделяют различные блоки на страницах (как и на этой). Мне встречаются иногда линии пунктирные, разных цветов и т.д. Расскажите пожалуйста о главных принципах техники.
Спасибо!
 
Старый 23.10.2004, 18:18
Ссылки
Старый 23.10.2004, 18:50   #2
Эти лини, вообще-то, являются границами ячеек и строк таблицы разметки. С помощью CSS можно задать их вид, толщину и прочие параметры.
 
Старый 23.10.2004, 19:08   #3
Цитата:
'border-style'
Значение: <border-style>{1,4} | inherit
Начальное: см. индивидуальные свойства
Применяется: ко всем элементам
Наследуется: нет
Процентное: N/A
Носитель: визуальный

Свойство 'border-style' устанавливает стиль для четырёх сторон рамки. Может иметь от одного до четырёх значений, и значения устанавливаются для разных сторон, как для 'border-width' выше.

Пример(ы):

#xy34 { border-style: solid dotted }
В этом примере горизонтальные линии рамки будут 'solid', а вертикальные - 'dotted'.

Поскольку начальное значение стиля рамки - 'none', рамка будет видна только после установки значения стиля.
 
Старый 23.10.2004, 19:09   #4
Вот это круто!
 
Старый 23.10.2004, 19:33   #5
Спасибо!
Мне еще понравился сайт - http://www.yuko-travel.ru/article.php - там линий не много, но применение их мне понравилось.
 
Старый 24.10.2004, 18:47   #6
это можно сделать так:
например меню - рамка-низ
<head>
....
<style>
.line_bottom {border-bottom : 1px solid red;} -> рамка-низ : 1px-толщиной сплошная красная
</style>
...
</head>

<body>
<элемент class="line_bottom">Ссылка 1</элемент>
<элемент class="line_bottom">Ссылка 2</элемент>
<элемент class="line_bottom">Ссылка 3</элемент>
....
</body>

пунктирная рамка - dotted
 
Старый 28.10.2004, 11:55   #7
Пунктир можно сделать путем создания строки в таблице: 25*100%
А точку размером 25*3 в фотошопе нарисовать. А потом пишешь background="/путь к твоей картинке.gif"

Еще разделители можно сделать созданием дополнительной ячейки и заливанием ее нужным цветом!( bgcolor="black(хочешь зеленый: green и т.д.)" )
 
Старый 28.10.2004, 16:51   #8
Вано, это вообще бред! Для этого есть CSS, зачем такой геморрой?
 
Старый 29.10.2004, 11:55   #9
Не понял, как через CSS нарисуеш пунктир? Или ты про то, что в CSS можно задать параметры таблы?
 
Старый 29.10.2004, 12:36   #10
<html>

<head>
<STYLE>
.line_bottom { border-bottom : 2px dotted red; width : 200px; }
</STYLE>
</head>

<body>
<table border="0">

<tr>
<TD class="line_bottom">Ссылка 1</TD>
</tr>

<tr>
<TD class="line_bottom">Ссылка 2</TD>
</tr>

</table>
</body>

</html>
 
Старый 29.10.2004, 12:36
Закрытая тема


Опции темы


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно сделать красивую шапку сайта sarlnen Вакансии 0 24.07.2016 13:29
Как сделать разноцветные ссылки на странице? morfei HTML, CSS, JavaScript 2 03.06.2010 12:34
кто сделает красивую шапку? kiskis Вакансии 12 28.01.2007 18:38
Фон на странице GLUK HTML, CSS, JavaScript 1 29.11.2006 23:43
Как загнуть линию? kors@r Растровая графика 7 24.03.2004 11:49


Текущее время: 01:57. Часовой пояс GMT +4.

Реклама на форуме Условия размещения рекламы
Биржа ссылок Заработай на сайте!
Дизайнерский форум