Aleek Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору я пытаюсь создать вертикальную линию, обычно создаю маленькую <td> с определенным цветом.. Но этот вариант меня не устраивает. потому как ширина <td> всегда может изменится в зависимости от окружающих элементов страницы. Поэтому я обычно использую <hr>. Но мне бы хотелось сделать так чтобы оно было вертикального формата. Кто нибудь знает как это можно сделать? Всего записей: 3820 | Зарегистр. 11-04-2002 | Отправлено: 16:27 15-11-2003 | Исправлено: Svarga, 04:26 16-06-2004

xntx хнотик-багоискатель Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Aleek попробуй рисунок размером в пикселю и с нужным тебе цветом растягивать. тоесть: Код: <img src="black_pixel.gif" width="1" height="95%"> ---------- Hello world! Всего записей: 5169 | Зарегистр. 15-02-2003 | Отправлено: 16:42 15-11-2003

Aleek Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору xntx попробую. а вообще странно, что еще нету <vr> элемента в природе.   Всего записей: 3820 | Зарегистр. 11-04-2002 | Отправлено: 17:00 15-11-2003

Svarga Moderator Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Aleek Цитата: попробую. а вообще странно, что еще нету <vr> элемента в природе в CSS 3 планируется добавление поддержки вертикального расположения текста (для всяких китайских с японскими языков), так что может и вертикальную линейку можно будет делать...   Добавлено ещё в ИЕ5.5+ какой-то кривой фильтр был... то ли matrix зовётся, то ли что-то вроде этого: можно под любым углом разворачивать всё... ещё можешь попробовать flipV/flipH (msie 4+)...   а если для всего делать — только гифом, как выше показано или же просто прописать ячейке/тексту {border-left:1px solid black} ---------- away. Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 05:36 16-11-2003

OLEX Silver Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Svarga Цитата: {border-left:1px solid black} это всюду будет работать? А то я с тех пор, как стал признавать существование каких-нить браузеров, кроме ИЕ, начал писать так {border-left-width: 1px; border-left-style: solid; border-left-color: black} ---------- Отче Наш, иже еси в моем PC. Да святится имя и расширение Твоё. ENTER. Всего записей: 3590 | Зарегистр. 09-07-2002 | Отправлено: 01:20 17-11-2003

Svarga Moderator Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору OLEX проверил такое: Код: <style type=text/css> div{height:100px;width:200px;background-color:aquamarine;text-align:center} #st {border-left:1px solid black} #nonst{border-left-width: 1px; border-left-style: solid; border-left-color: black} </style>   <div id=st>стенографический стиль</div> <p><br> <div id=nonst>as is </div> NN3 — вообще не понимает CSS NN4 — не понимает стенографического стиля записи для border-left (работает только твой код), при том, что запись типа border:1px solid green понимает на ура... Opera 3.62 — работает всё (фон, правда аквамариновый не показывает ), с 5.11 — вообще всё нормально. MSIE 5.0 — работает... должно с 4-го нормально работать... Mozilla — само собой нормально работает   Короче, если нужна совместимость с 4-м НН, придётся делать полную запись, если не нужна — сойдёт и сокращённая       А касательно Цитата:  flipV/flipH написал я неподумамши : что толку разворачивать элементы на 180 градусов по горизонтали или вертикали? не оно это совсем .   2All, Сорри, что почти ни на что не отвечаю — проблемы с инетом (точнее с провайдером)... ---------- away. Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 09:43 17-11-2003

GOOSE Advanced Member Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Svarga Проверил и я НН 4.7 сокращенную не принял, но показал у левого края, полную запись понял, но криво (показывает по центру страницы, левый бордер выглядит просто как вертикальная полоска, которая отстоит от фона на пару пикселей и в высоту соответственно на те же пару пикселей больше, видьмо отступы по умолчанию поставил ) Опера 5.01 понимает обе, но с цветами проблемм   Добавлено OLEX Svarga Кстати! Если тоже самое сделать классом, то ни НН, ни Опера это не поняли... Судя по-всему они вообще классы не принимают Всего записей: 903 | Зарегистр. 17-10-2001 | Отправлено: 23:03 17-11-2003

Svarga Moderator Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору GOOSE Цитата: Кстати! Если тоже самое сделать классом, то ни НН, ни Опера это не поняли... Судя по-всему они вообще классы не принимают   интересное открытие, значит криво классы делал: всё они прекрасно понимают: и id, и классы, и inline-запись, и вынесение стилей в отдельный файл. ---------- away. Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 00:48 18-11-2003

Ausw Moderator Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору А вобще то можно "вертикальный" HR сделать, тока он не совсем вертикальный, он вообще-то горизонтальный, но только у него длина=1, а высота=100%.   Разумеется, это все в таблице и в отдельной ячейке устанавливается. Всего записей: 7371 | Зарегистр. 12-07-2001 | Отправлено: 09:03 18-11-2003

Svarga Moderator Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору Ausw <hr width="1" size="100%">? не пойдёт: в size проценты недопустимы, поэтому 100% как 100 пикселов воспринимаются... а <hr style="width:1px;height:100%"> если, то оно в ИЕ 5, Мозилле и Нетскейпах вообще не показывается (правда, нормально отображается в Операх 5.11+, но это не показатель )   А идея вообще интересная, не пойму, отчего бы авторам HTML с самого начала такую возможность не предусмотреть — наверно это оттого, что всё в HTML изначально квадратное и горизонтальное : те же закруглённые рамки только в CSS 3 намечаются и в Мозилле эксперементально поддерживаются: Код: <div style="text-align:center;margin:auto;width:55px;height:55px;border:2px solid black;-moz-border-radius:29px">0 0<br>|<div style="margin:auto;margin-top:-20px;border-bottom:1px solid black;-moz-border-radius:20px;width:30px;height:30px"></div></div> <!-- только в Мозилле эта рожица улыбается --> ---------- away. Всего записей: 4161 | Зарегистр. 25-06-2002 | Отправлено: 03:00 19-11-2003

Yana Member Редактировать | Профиль | Сообщение | ICQ | Цитировать | Сообщить модератору Цитата: Но этот вариант меня не устраивает. потому как ширина <td> всегда может изменится в зависимости от окружающих элементов страницы. То есть если поставить <td width="1" bgcolor="red"><img src="1.gif" width="1"></td>, что-то куда-то ползет??? У меня вроде всегда работало... Всего записей: 303 | Зарегистр. 07-03-2003 | Отправлено: 18:01 19-11-2003

Компьютерный форум Ru.Board » Интернет » В помощь вебмастеру » HTML: Вертикальный hr?

Svarga (16-06-2004 04:26): Перемещено в форум "Web-программирование"

Переход по форумам  Закладки   » Компьютеры Цифровое изображение Программы Microsoft Windows UNIX Другие OS Hardware В помощь сисадмину Прикладное программирование Игры Форумные игры   » Интернет Web-программирование В помощь вебмастеру Графика Хостинг Зацените-ка!   » Тематические Ikonboard v.2 Ikonboard v.3 Invision Board Другие форумы PHP-Nuke и другие порталы Мобила   » Общие Спорт Флейм Темы по региональным встречам Музыка и Кино Юмор Литература и Живопись   » Ru.Board Новости Помощь по форуму   » Андеграунд eBookz Варезник Раздачи и акции Мобильный варезник Андеграунд Игры и фильмы   » Специальные Тестирование