CSS <hr>

7able
На сайте с 07.02.2013
Offline
85
676

Добрый день! Хочу поставить вместо простой горизонтальной линии <hr>

hr {

height : 1px
background : #CCCCCC;
color : #CCCCCC;
border-top : 1px solid #CCCCCC;
}

нарисованую линию (картинку)

Пробовал сделать так:

hr {

height : 1px
background:url('../images/cf.png');
color : #CCCCCC;
border-top : 1px solid #CCCCCC;
}

Ничего не меняется. И вообще интересно то что я могу убрать все и оставить только

border-top : 1px solid #CCCCCC;

И ничего не измениться кроме текущей горизонтальной линии... тоесть остальные команды игнорируются тупо. Подскажите как сделать правильно

Профессиональная разработка сайтов. Веб программирование ООП, верстка. Технологии: HTML, CSS, PHP, JS. MVC: Laravel, Yii2, самописы. CMS Тесно работаю с Opencart, Wordpress, Prestashop, OctoberCms, Xenforo 2 Имею опыт работы с Joomla, DLE и другими cms. Могу влезть и разобраться практически с любым проектом на PHP. Цены на работы со специфическими самописами выше обычных. Email: 7able@bk.ru Telegram: Vladislavs_eu Skype: vladja3037
B3
На сайте с 01.04.2010
Offline
82
#1

Точку с запятой поставить после height : 1px

Olldman
На сайте с 21.04.2010
Offline
79
#2

hr{border:0;height:10px;background:url(fon.gif);}
B3
На сайте с 01.04.2010
Offline
82
#3

Вот пример http://jsfiddle.net/npEfn/

7able
На сайте с 07.02.2013
Offline
85
#4

hr{border:none;height:10px;background:url(../title.png);} - картинка не появилась

hr{border:none;height:10px;background:url({THEME}/images/title.png);} - тоже не появилась

И только когда указал полный пусть начиная от www картинка появилась, ну ппц... я не понимаю почему так :/

Поставил окончательный вариант hr{border:none;height:7px;background:url(http://мой сайт/title.png) no-repeat center;}

Возникла 1 проблемка. У меня текст по центру и под ней сразу <hr> стоит, но картинка немного левей уходит текста. Это проблема в самой картинке или все таки я что-то не правильно дописал?

Olldman
На сайте с 21.04.2010
Offline
79
#5

Если картинка лежит в корне сайта, и файл стилей тоже, то точек перед слешем не должно быть, тобишь:

hr{border:none;height:10px;background:url(/title.png);}

По второму вопросу - надо смотреть конкретно вашу страницу.

anser06
На сайте с 11.03.2006
Offline
292
#6
7able:
И только когда указал полный пусть начиная от www картинка появилась, ну ппц... я не понимаю почему так :/

Местоположение картинок рассчитывается от расположения файла стилей. Поэтому лучше делать относительные ссылки от корня сайта, не ошибетесь.

TF-Studio
На сайте с 17.08.2010
Offline
334
#7

от корня - это получается абсолютные, а не относительные.

И это - самый лучший вариант

url(/****);

Всё ещё лучший способ заработка для белых сайтов: GoGetLinks (https://www.gogetlinks.net/?inv=fahbn8).
anser06
На сайте с 11.03.2006
Offline
292
#8

TF-Studio, нет.

Абсолютные адреса должны начинаться с указания протокола (обычно http://) и содержать имя сайта. Относительные ссылки ведут отсчет от корня сайта или текущего документа.

http://htmlbook.ru/samhtml/ssylki/absolyutnye-i-otnositelnye-ssylki

TF-Studio
На сайте с 17.08.2010
Offline
334
#9

я думал относительные, это - (./***) или (../***)

буду иметь ввиду.

спасибо за инфу.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий