Привет всем!
Можно ли при помощи css в странице стилей вставить картинку во все одноименные теги (например, <div> или <span>), чтобы не прописывать ее вставку 148 раз. [Only registered and activated users can see links. Click Here To Register...]
Вид для печати
Привет всем!
Можно ли при помощи css в странице стилей вставить картинку во все одноименные теги (например, <div> или <span>), чтобы не прописывать ее вставку 148 раз. [Only registered and activated users can see links. Click Here To Register...]
это одно из главных преимущест CSS..
ответ: можно [Only registered and activated users can see links. Click Here To Register...]
Не можно, а нужно. )
Простите, а как? Так, чтобы она и размеры изменила до 100%.
что значит как? вот [Only registered and activated users can see links. Click Here To Register...], там есть отличный справочник по CSSЦитата:
Простите, а как? Так, чтобы она и размеры изменила до 100%.
То что мне надо можно создать с помощью шаблонов
Нашлись примеры и генераторы, кому надо - стучите в приват
[Only registered and activated users can see links. Click Here To Register...]
То, что Вам надо – это одна строчка кода... )
Которую можно написать и руками... [Only registered and activated users can see links. Click Here To Register...]
<теэ> {background-image:url(<url изображения>);}Цитата:
Originally posted by Oliany@May 5 2007, 16:12
[b]То что мне надо можно создать с помощью шаблонов. Нашлись примеры и генераторы, кому надо - стучите в приват.
Вы по-прежнему уверены, что кому-то нужны ваши шаблоны? :crazy:
Но изменение размеров-то здесь не действует! Вставляется картинка стопроцентного размера, как она создана и ее нельзя растянуть или сжать. [Only registered and activated users can see links. Click Here To Register...]Цитата:
<теэ> {background-image:url(<url изображения>);}
Так, так, так. Очень интересно!
Что же это Вы там растягиваете и сжимаете?
Уж не растровое ли изображение? )
гениальный ход - вместо того чтобы сделать превью уменьшим средствами браузера оригинал...
скорее всего так %)
Если данная гипотеза верна, аплодирую стоя! )
background-width [Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...] Нет такого
Команда стоит такаяЦитата:
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 не проходит. Такие дела, [Only registered and activated users can see links. Click Here To Register...]
[/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'>[Only registered and activated users can see links. Click Here To Register...]
Все это можно записать намного короче:
Код:#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'>[Only registered and activated users can see links. Click Here To Register...]</div>[/quote]
Не вижу никакого смысла в блоке daftext.
Скорее всего заголовок прекрасно можно спозиционировать и без него...
[/quote]Цитата:
Originally posted by Oliany@May 9 2007, 17:23
Вот хотелось бы картинку тоже раположить также, относительно экрана в процентах и дать ей размер.
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[Only registered and activated users can see links. Click Here To Register...]...