Заменить горизонтальную линию картинкой

[m|m]

Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.

[Justnewone]

Здравствуйте. Собственно, такой вот возник вопрос. Можно ли как в CSS прописать, чтоб везде на сайте, где стоит тэг <hr />, заместо полоски выводилась некая картинка - в данном случае та же полоска, но изощрённо оформленная.

Можно.

[m|m]

А как, если не секрет?

[gesandte]

А самому пошурупить головой было сложно?)

Вот:

hr {

background: url(hr.png) no-repeat;

border: 0px;

width: 400px;

height: 20px;

}

Комментировать здесь надеюсь ничего не надо?

тег <hr>

[m|m]

Большое спасибо. Я в CSS не особо шарю, потому извиняйте, если кого оскорбил столь простым вопросом.

А не подскажите ли, как прописать все эти параметры, когда полоска сама является частью параметров какого-то другого элемента в CSS? Например:

div.DateAndAuthor {

float: left;

text-align: left;

width: 100%;

border-top: 2px solid #FFF;

}

Edited September 14, 2009 by m|m

[BassEast]

А самому пошурупить головой было сложно?)

Вот:

hr {

background: url(hr.png) no-repeat;

border: 0px;

width: 400px;

height: 20px;

}

лучше не no-repeat, а всё-таки repeat-x и картинка будет размером 1х1 пикселей.

Большое спасибо. Я в CSS не особо шарю, потому извиняйте, если кого оскорбил столь простым вопросом.

А не подскажите ли, как прописать все эти параметры, когда полоска сама является частью параметров какого-то другого элемента в CSS? Например:

div.DateAndAuthor {

float: left;

text-align: left;

width: 100%;

border-top: 2px solid #FFF;

}

объясните понятнее..

[m|m]

объясните понятнее..

Я об том, что в примере товарища gesandte все параметры, как то background и проч., относятся исключительно к полосе, к hr этой. В моём же случае полоска идёт как часть другого элемента, например - дата статьи. То бишь она ставится всегда автоматом после даты, разделяя разные статьи. И под параметры собственно полосы отводится лишь строка border-top (ну или там down, не принципиально), и как тут указать бэкграунд и размеры, я не знаю.

[gesandte]

Я об том, что в примере товарища gesandte все параметры, как то background и проч., относятся исключительно к полосе, к hr этой. В моём же случае полоска идёт как часть другого элемента, например - дата статьи. То бишь она ставится всегда автоматом после даты, разделяя разные статьи. И под параметры собственно полосы отводится лишь строка border-top (ну или там down, не принципиально), и как тут указать бэкграунд и размеры, я не знаю.

Товарищ, из эпохи социализма, когда создаете тему, думайте что вам конкретно надо

лучше не no-repeat, а всё-таки repeat-x и картинка будет размером 1х1 пикселей.

Ну это все зависит от вставляемой графики.

П.С при использовании 1х1 получится однородный фон =)

Edited September 20, 2009 by gesandte

[m|m]

Товарищ, из эпохи социализма, когда создаете тему, думайте что вам конкретно надо

Мне актуальны оба варианта, просто где-то на сайте оно сделано так (через hr), где-то иначе (через border).

[BassEast]

П.С при использовании 1х1 получится однородный фон =)

именно о нём я и писал автор ведь не указал, что ему конкретно нужно.

Edited September 21, 2009 by BassEast

[rome.ro]

Кстати, хочу заметить, что к тегу <hr> стилей лучше особо не применять из-за того, что он хитро отображается в разных браузерах. Лучше использователь DIV нужной вам толщины. Например:

.somediv{
  height: 1px;
  и.т.д.
}