Привет всем!
Можно ли при помощи css в странице стилей вставить картинку во все одноименные теги (например, <div> или <span>), чтобы не прописывать ее вставку 148 раз.
Привет всем!
Можно ли при помощи css в странице стилей вставить картинку во все одноименные теги (например, <div> или <span>), чтобы не прописывать ее вставку 148 раз.
Простите, а как? Так, чтобы она и размеры изменила до 100%.
То что мне надо можно создать с помощью шаблонов
Нашлись примеры и генераторы, кому надо - стучите в приват
То, что Вам надо – это одна строчка кода... )
Которую можно написать и руками...
<теэ> {background-image:url(<url изображения>);}Originally posted by Oliany@May 5 2007, 16:12
[b]То что мне надо можно создать с помощью шаблонов. Нашлись примеры и генераторы, кому надо - стучите в приват.
Вы по-прежнему уверены, что кому-то нужны ваши шаблоны?
Но изменение размеров-то здесь не действует! Вставляется картинка стопроцентного размера, как она создана и ее нельзя растянуть или сжать.<теэ> {background-image:url(<url изображения>);}
Так, так, так. Очень интересно!
Что же это Вы там растягиваете и сжимаете?
Уж не растровое ли изображение? )
гениальный ход - вместо того чтобы сделать превью уменьшим средствами браузера оригинал...
скорее всего так %)
background-width
Нет такого
Команда стоит такаяbackground-width
#top { background-image: url('daf-banner.jpg' background-position : top center; background-repeat: no-repeat; position:absolute; left:0; top:0; width:100%; height:230px;}
потом в хтмл в боди
<div id="top">
<div id="daftext" >
<h1 id="Layer2">Добро пожаловать!</h1></div></div>
Таким образом в top вставляется backgroung-image, а справой стороны текст daftext, который располагается относительно экрана в процентах.
Вот хотелось бы картинку тоже раположить также, относительно экрана в процентах и дать ей размер. Но с backgroung-image это в css не проходит. Такие дела,
[/quote]Originally posted by Oliany@May 9 2007, 17:23
Команда стоит такая
#top { background-image: url('daf-banner.jpg' background-position : top center; background-repeat: no-repeat;* position:absolute; left:0; top:0; width:100%; height:230px;}
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
Все это можно записать намного короче:
Код:#top {background: url(daf-banner.jpg) no-repeat top center; position: absolute; left: 0; top: 0; width: 100%; height: 230px;}
</div>Originally posted by Oliany@May 9 2007, 17:23
потом в хтмл в боди
<div id="top">
<div id="daftext" >
<h1 id="Layer2">Добро пожаловать!</h1>
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]</div>[/quote]
Не вижу никакого смысла в блоке daftext.
Скорее всего заголовок прекрасно можно спозиционировать и без него...
[/quote]
[Только зарегистрированные пользователи могут видеть ссылки. ]...