проблема с border в .css

w00fer · 22.11.2004, 18:05

есть такой код в файле *.css:

Код:

.block {
	padding: 0px;
	border: 5px solid #e6e6e6; /* page background */
	border-top: 0px;
	border-bottom: 10px solid #e6e6e6; /* page background */
	margin: 0px;
}

хотел спросить.... как вместо #e6e6e6 поставить картинку?
например, так, border: 5x solid #e6e6e6 url(background.gif) - так не канает, а вобще должно, по-моему....

как исправить, помоЖите, плиз =)

сэнкс!

Nielson · 22.11.2004, 21:13

делай ячейку в таблице и юзай её как фон. Вот и всё.

graphh · 23.11.2004, 21:03

картинку можно вставить как фон для блока.
пример: background: #fff url(mas.jpg) no-repeat
в бордюр рамки " border: 5x solid #e6e6e6 url(background.gif)"изображение вставить нельзя.
Есть выход- вложенные таблицы или блоки, но это отдельная тема со своими минусами и плюсами.

w00fer · 23.11.2004, 21:09

graphh,
то и плохо... т.к. речь я веду на самом деле о vbPortal3 beta6,
т.е. найти код, где формируются блоки пока не удалось + это довольно утомительное дело....

Цитата:

background: #fff url(mas.jpg) no-repeat

попробую так
спасибо

kost · 27.11.2004, 14:58

Блоку поставь фон. В него еще один блог с margin:5px.

viT · 22.12.2004, 06:13

1) Делаешь padding-bottom высотой по высоте картинки
2) Кладешь картинку в background-image
3) Для нее делаешь repeat-x
4) background-position:bottom

PS: CSS3 будет поддерживать фоновые изображения для borders

w00fer · 22.12.2004, 07:33

спасибо, разобрался....
ну а если в css3 будет, так оно и хорошо

viT · 22.12.2004, 07:56

Мой вариант хоть и без вложенных блоков, но имеет недостаток - можно сделать только одну границу, либо ограничивать блок конкретным размером попиксельно (что не советую - поскольку пользователь может изменять размер шрифта), тогда ты сможешь сделать только парные границы верх-низ (repeat-x) либо лево-право (repeat-y).

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
border-radius	ddddd	HTML, CSS, JavaScript	1	27.06.2010 19:52
border: 2px groove	ddddd	HTML, CSS, JavaScript	1	02.06.2010 13:00
border у картинки	okras	HTML, CSS, JavaScript	6	04.07.2005 23:02
border у таблицы....	w00fer	HTML, CSS, JavaScript	6	02.03.2004 01:49
border	Spy	HTML, CSS, JavaScript	3	23.04.2003 20:12

22.11.2004, 18:05	#1
w00fer	есть такой код в файле .css: Код: .block { padding: 0px; border: 5px solid #e6e6e6; / page background / border-top: 0px; border-bottom: 10px solid #e6e6e6; / page background / margin: 0px; } хотел спросить.... как вместо #e6e6e6* поставить картинку? например, так, border: 5x solid #e6e6e6 url(background.gif) - так не канает, а вобще должно, по-моему.... как исправить, помоЖите, плиз =) сэнкс!

22.11.2004, 21:13	#2
Nielson	делай ячейку в таблице и юзай её как фон. Вот и всё.

23.11.2004, 21:03	#3
graphh	картинку можно вставить как фон для блока. пример: background: #fff url(mas.jpg) no-repeat в бордюр рамки " border: 5x solid #e6e6e6 url(background.gif)"изображение вставить нельзя. Есть выход- вложенные таблицы или блоки, но это отдельная тема со своими минусами и плюсами.

27.11.2004, 14:58	#5
kost	Блоку поставь фон. В него еще один блог с margin:5px.

22.12.2004, 06:13	#6
viT	1) Делаешь padding-bottom высотой по высоте картинки 2) Кладешь картинку в background-image 3) Для нее делаешь repeat-x 4) background-position:bottom PS: CSS3 будет поддерживать фоновые изображения для borders

22.12.2004, 07:33	#7
w00fer	спасибо, разобрался.... ну а если в css3 будет, так оно и хорошо

22.12.2004, 07:56	#8
viT	Мой вариант хоть и без вложенных блоков, но имеет недостаток - можно сделать только одну границу, либо ограничивать блок конкретным размером попиксельно (что не советую - поскольку пользователь может изменять размер шрифта), тогда ты сможешь сделать только парные границы верх-низ (repeat-x) либо лево-право (repeat-y).