Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/5: Рейтинг темы: голосов - 5, средняя оценка - 5.00
vlad-55
12 / 12 / 4
Регистрация: 21.02.2009
Сообщений: 1,821
1

Неуправляемая линия

26.02.2014, 15:36. Просмотров 888. Ответов 3
Метки нет (Все метки)

Пытаюсь сделать горизонтальную линию hr нужной ширины и цвета
CSS
1
hr {color: #F00; size:20px; width:10%; }
Если смотреть в Хроме, то получается серая двухпиксельная полоска десятипроцентной ширины.
Если смотреть в ФФ, то полоска красная, но тоже узкая.

Я что-то неправильно написал или браузеры именно так относятся к этому тегу?

(Инспектор кода в Хроме показыает, что все указанные директивы CSS включены.)

Кстати, а нет ли способа что-то более красивое использовать для разделения? Какую-нибудь цветную узорчатую змейку?
0
Лучшие ответы (1)
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
26.02.2014, 15:36
Ответы с готовыми решениями:

Красная линия
Привет всем! По заданию сделал красную линию для всех абзацев в 35px По следующему заданию у всех...

Горизонтальная линия
Добрые форумчане, помогите пожалуйста. Не могу разобраться, можно ли свойства (цвет, ширина) тега...

Адаптивная линия
Здравствуйте! Подскажите,пожалуйста,как сделать адаптивную линию,которая подстраивается под размер...

Линия у ссылки
Как изменить расстояние подчеркивания ссылки(к примеру как на рис.) и изменить толщину и цвет?

Линия в CSS
Всем привет! Встал вопрос - как нарисовать линию с с нужным углом наклона на CSS? Кроме как DIV...

3
monochromer
410 / 372 / 163
Регистрация: 03.01.2013
Сообщений: 966
26.02.2014, 16:06 2
Лучший ответ Сообщение было отмечено vlad-55 как решение

Решение

Редактируйте как обычный block-элемент
CSS
1
2
3
4
5
6
hr {
  height:50px; 
  width:50%;
  background: #ccc;
  border:none;
}
1
menafis
1 / 1 / 0
Регистрация: 26.02.2014
Сообщений: 319
26.02.2014, 16:09 3
можешь саму полоску просто задать картинкой например, если хочется что нибудь по красивее .....или использовать css как класс для рисования
0
newJS
2397 / 1070 / 307
Регистрация: 23.06.2011
Сообщений: 3,330
26.02.2014, 21:14 4
Цитата Сообщение от vlad-55 Посмотреть сообщение
Я что-то неправильно написал или браузеры именно так относятся к этому тегу?
именно так, как оказалось такая простая вещь и абсолютно не кроссбраузерная
тут посмотри
http://www.xiper.net/collect/html-an.../cross-hr.html
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
26.02.2014, 21:14

Вертикальная линия
Подскажите как сделать вертикальную черту как на картинке?

вертикальная линия
люди подскажите как сделать вертикальную линию на весь экран? делаю так <style>...

Не вставляется горизонтальная линия
Делаю свой сайт, вставил видимо какую-то настройку в CSS, не отображаются теперь линия...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru