Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Водяной знак 
V
    Опции темы
MoLeX
Дата 6.12.2010, 13:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140



Добрый день.

Не могу вставить водяной знак на картинку 

Код

<style type="text/css">
a#gallery img {
   background:url("../img/znak.png") no-repeat;
}
</style>

<a id="gallery" href="/userfiles/images/1287651057.jpg">
   <img src="/userfiles/images/1287650868.jpg">
</a>



--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
Mavrun
Дата 6.12.2010, 13:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 199
Регистрация: 25.11.2007

Репутация: 9
Всего: 13



Потому что водяной знак должен быть выше картинке, а не ниже в бэкграунде. Тегу имг надо в бэкграунд картинку пихать, а в src ссылку на водяной знак
PM MAIL   Вверх
MoLeX
Дата 6.12.2010, 13:45 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Местный пингвин
****


Профиль
Группа: Модератор
Сообщений: 4076
Регистрация: 17.5.2007

Репутация: нет
Всего: 140



а как тогда в такой реализации вы вертеться?


--------------------
Amazing  smile 
PM MAIL WWW ICQ   Вверх
bars80080
Дата 6.12.2010, 14:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


прапор творюет
****
Награды: 1



Профиль
Группа: Завсегдатай
Сообщений: 12022
Регистрация: 5.12.2007
Где: Königsberg

Репутация: 50
Всего: 315



уже сказали как, либо поверху картинки класть вторую со знаком на абсолютно позиционируемом слое

PM MAIL WWW   Вверх
FightInGlory
Дата 9.12.2010, 10:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 123
Регистрация: 14.11.2006

Репутация: 1
Всего: 1



Код

#gallery{
    position:relative;
}
#gallery span {
   background:url("../img/znak.png") no-repeat;
   display:block;
   position:absolute;
   bottom:0; left:0; /*двигаете знак куда хотите*/
   width:20px; height:20px; /*Ставите ваши размеры*/
}

<a id="gallery" href="/userfiles/images/1287651057.jpg">
   <img src="/userfiles/images/1287650868.jpg">
   <span></span>
</a>

PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0609 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.