Нарисовать линию. HTML. -> Форум на Исходниках.Ру

	Наши проекты: Журнал · Discuz!ML · Wiki · DRKB · Помощь проекту

Здравствуйте, Гость ! [3.144.10.130]

Прежде чем задать вопрос, полистайте форум и загляните в FAQ!

Модераторы: Vasya2000, Serafim, fatalist

Новое голосование

Нарисовать линию. HTML.

old_lamer

Сообщ. #1 , 17.05.05, 07:19

Profi

Профиль · PM

Рейтинг (т): 18

Возможно ли не прибегая к графике на странице изобразить линии?
Есстественно точно спазиционированные...

Если возможно, то как?

Добавлено 17.05.05, 08:09
Всё вопрос решён!
Надо было когото спросить, чтобы думка включилась....
Линию можно нарисавать при помощи рстянутого изображения в 1 пиксел
к примеру

sanweb	Сообщ. #2 , 17.05.05, 08:38
Profi Профиль · PM Рейтинг (т): 6	Цитата Линию можно нарисавать при помощи рстянутого изображения в 1 пиксел А причём тут изображение??? Чем тег <hr> не устраивает

shipbrother	Сообщ. #3 , 17.05.05, 09:27
Senior Member Профиль · PM Рейтинг (т): 17	<hr> не рисует вертикальные линии

sanweb	Сообщ. #4 , 17.05.05, 09:38
Profi Профиль · PM Рейтинг (т): 6	Он всё рисует!!!!!!!! <hr width="1" size="100" style="position:absolute; left10; top:10"> Добавлено 17.05.05, 09:40 size отвечает за высоту вертикальной линии

shipbrother	Сообщ. #5 , 17.05.05, 09:42
Senior Member Профиль · PM Рейтинг (т): 17	ну, прошу прощения. я о такой фишке не знал

sanweb

Сообщ. #6 , 17.05.05, 10:04

Profi

Профиль · PM

Рейтинг (т): 6

Незачто извиняться
если <hr> не нарвится можно слоем линию забацать
просто <hr> будет грузиться быстрее рисунка пусть даже рисунок будет точка на экране
ведь визуально не отличинь точку сделанную через <hr> и через <img> а грузиться будет по разному

old_lamer	Сообщ. #7 , 19.05.05, 11:18
Profi Профиль · PM Рейтинг (т): 18	Спасибо,СоколовАН! Я о hr думал, но тоже даже не догадывался о таком методе для вертикальных линий!

sanweb

Сообщ. #8 , 20.05.05, 07:50

Profi

Профиль · PM

Рейтинг (т): 6

правда у меня линия рисуется в высоту тока почемуто на примерно 100 пикселей даже если ставлю size например 500
я рисую высокую верт линию во всю высоту страницы слоем, слоем всё великолепно рисуется

Сообщения были разделены в тему "Как нарисовать кривую линию"

DarktError	Сообщ. #9 , 27.09.08, 10:38
Unregistered	hr рисует только на 100px, а как слоем рисовать?

zera	Сообщ. #10 , 27.09.08, 11:01
Master Профиль · PM Поощрения: 7 Dgm Рейтинг (т): 170	hr { height: 600px; width: 1px; } <hr /> больше 100 получилось

DarktError	Сообщ. #11 , 27.09.08, 11:34
Unregistered	когда пишу "hr { height: 600px; width: 1px; } <hr />" получается точка 1х1px когда пишу "hr { size: 600px; width: 1px; } <hr />" высота получается только 100px что делать?

zera

Сообщ. #12 , 27.09.08, 11:56

Master

Профиль · PM

Поощрения: 7 Dgm

Рейтинг (т): 170

DarktError, а, ну да, есть же еще ie.
тады так

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Test screen</title>

</head>

<style>

.hr HR {display: none; }

.hr {background: #000; height: 600px; margin: 0 1em; width: 1px; }

* HTML .hr {overflow: hidden; }

</style>

<body>

</body>

</html>

nebaz	Сообщ. #13 , 22.03.11, 15:15
Unregistered	А не подскажете как нарисовать ещё более тоненькую линию, чем самая тонкая в теге <hr size='1'> ?

Машина	Сообщ. #14 , 22.03.11, 15:26
Unregistered	style="height:1px;" ?

nebaz	Сообщ. #15 , 22.03.11, 16:42
Unregistered	Машина, нет надо ещё тоньше. Такой толщины, как, допустим, вконтакте слева реклама разделяется.

Serafim	Сообщ. #16 , 22.03.11, 17:08
Unregistered	color (как там цвет линии задаётся?) или opacity А вконтакте задаётся через: style="border-right:#69c 1px solid;" (цвет голубой наобум брал)

fatalist

Сообщ. #17 , 22.03.11, 20:27

Moderator

Профиль · PM

Поощрения: 20 Dgm

Рейтинг (т): 327

Цитата nebaz @ 22.03.11, 16:42

Машина, нет надо ещё тоньше. Такой толщины, как, допустим, вконтакте слева реклама разделяется.

Тоньше одного пикселя не бывает ничего

А если у тебя просто рк получается толще, то вставь атрибут NOSHADE...

Сообщение отредактировано: fatalist - 22.03.11, 20:27

nebaz	Сообщ. #18 , 22.03.11, 21:35
Unregistered	Спасибо, я просто не подумал, что можно border-bottom и т.д. рисовать. им получается тоньше

nebaz	Сообщ. #19 , 17.05.11, 10:04
Unregistered	fatalist, с помощью атрибута NOSHADE линия тоньше получается, но если использовать <meta http-equiv="X-UA-Compatible" content="IE=edge" /> то NOSHADE не работает. А эта строчка мне нужна, чтобы IE отображал округлые углы border-radius. Как поступить ?

fatalist	Сообщ. #20 , 17.05.11, 11:08
Moderator Профиль · PM Поощрения: 20 Dgm Рейтинг (т): 327	Ну сделай таки слой с border-bottom...

Serafim	Сообщ. #21 , 17.05.11, 15:41
Unregistered	Цитата nebaz @ 17.05.11, 10:04 <meta http-equiv="X-UA-Compatible" content="IE=9" /> ? И не ИЕ, а ИЕ9

nebaz	Сообщ. #22 , 17.05.11, 15:46
Unregistered	Serafim, не помогает. тоже самое. проверяю именно на IE9

Serafim	Сообщ. #23 , 17.05.11, 15:48
Unregistered	и не должно помочь, просто почему не ИЕ9, а edge? Просто мне любопытно. И всё равно в ИЕ8-6 будет без бордер радиус

nebaz	Сообщ. #24 , 17.05.11, 17:05
Unregistered	Edge mode (последний режим)... Потом же будет IE10 И как тогда по другому в IE можно бордер радиус сделать ?

Машина	Сообщ. #25 , 17.05.11, 17:12
Unregistered	По старинке, ручками, т.е. картинками

Serafim	Сообщ. #26 , 17.05.11, 18:57
Unregistered	Цитата nebaz @ 17.05.11, 17:05 Edge mode (последний режим)... спасибо, буду знать Цитата nebaz @ 17.05.11, 17:05 Потом же будет IE10 уже месяца 2 как стоит на моём компе, правда пока что Platform Preview...

1 пользователей читают эту тему (1 гостей и 0 скрытых пользователей)

0 пользователей:

[ Script execution time: 0,0483 ] [ 14 queries used ] [ Generated: 19.05.24, 06:41 GMT ]