X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Картинка меняющаяся при наведении
cristo
cristo
Topic Starter сообщение 30.10.2011, 21:29; Ответить: cristo
Сообщение #1


Ничего у меня не получается. Не отображаются картинка ни при наведении, ни просто.
Вот коды
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link href="style.css" rel="stylesheet" type="text/css">
</head>

<body>

<div style="float:left; width:604px; background:"x_30c2ec0c.jpg">

<div id="button1"><a href="http://www.google.com"></a></div>
<div id="button2"><a href="http://www.vkontakte.ru">2</a></div>
<div id="button3">3</div>
</div>

<div style="float:left; width:600px; height:500px; background:#000">ggg
</div>
</body>


[CSS]#button1
{background-image: url(x_30c2ec0c.jpg) no-repeat;
}
#button1:hover
{background-image: url(x123.jpg) no-repeat;
}[/CSS]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
egor007
egor007
сообщение 30.10.2011, 21:49; Ответить: egor007
Сообщение #2


Очисти кеш
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
mikola_hb
mikola_hb
сообщение 30.10.2011, 21:55; Ответить: mikola_hb
Сообщение #3


а просто по прямой ссылке на картинку в консоли картинка показывается?
она в этой же DIRективе?
расширение JPG прописными или строчными буквами указано?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cristo
cristo
Topic Starter сообщение 30.10.2011, 22:10; Ответить: cristo
Сообщение #4


(mikola_hb @ 31.10.2011, 00:55) *
а просто по прямой ссылке на картинку в консоли картинка показывается?
она в этой же DIRективе?
расширение JPG прописными или строчными буквами указано?


Да, если прописать <a href="http://www.vkontakte.ru"><img src="картинка.jpg"></a>
она отображается, но не работает смена при наведении.
DIRективе?
нет, как в коде так и прописано.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WarLogon
WarLogon
сообщение 30.10.2011, 22:21; Ответить: WarLogon
Сообщение #5


Вот тут лажа с кавычками:
(cristo @ 31.10.2011, 00:29) *
<div style="float:left; width:604px; background:"x_30c2ec0c.jpg">


попробуйте <div style="float:left; width:604px; background:url('x_30c2ec0c.jpg')">
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
cristo
cristo
Topic Starter сообщение 30.10.2011, 22:42; Ответить: cristo
Сообщение #6


(WarLogon @ 31.10.2011, 01:21) *
попробуйте <div style="float:left; width:604px; background:url('x_30c2ec0c.jpg')">

Да, спасибо. Помогло)
А вот наведение как? Я уже обгуглился.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
WarLogon
WarLogon
сообщение 31.10.2011, 11:43; Ответить: WarLogon
Сообщение #7


Если хотите no-repeat, то пишите так:
#button1
{background: url(x123.jpg) no-repeat;}
Если не нет, то: background-image: url(x123.jpg);
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jallik Lich
Jallik Lich
сообщение 31.10.2011, 13:04; Ответить: Jallik Lich
Сообщение #8


Хоть-бы кто-то помог человеку...
Ошибка вот:
[CSS]background-image: url(x_30c2ec0c.jpg) no-repeat;
background-image: url(x123.jpg) no-repeat;[/CSS]

А надо:
[CSS]background-image: url('x_30c2ec0c.jpg') no-repeat;
background-image: url('x123.jpg') no-repeat;[/CSS]

Вот и всё!!!
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Электроник
Электроник
сообщение 31.10.2011, 13:23; Ответить: Электроник
Сообщение #9


(cristo @ 31.10.2011, 00:29) *
[CSS]background-image: url('x_30c2ec0c.jpg') no-repeat;[/CSS]

это не правильно!

когда пишите background-image: то тут только урл; (отвечает только за путь к картинке)
а когда background: то тут и url, и/или no-repeat, и ещё можно кучу всего написать; (отвечает за цвет, урл, позицию,..)

(Jallik Lich @ 31.10.2011, 16:04) *
А надо:
[CSS]background-image: url('x_30c2ec0c.jpg') no-repeat;
background-image: url('x123.jpg') no-repeat;[/CSS]

кто вам сказал, что там нужны кавычки
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Jallik Lich
Jallik Lich
сообщение 31.10.2011, 19:11; Ответить: Jallik Lich
Сообщение #10


(Электроник @ 31.10.2011, 16:23) *
кто вам сказал, что там нужны кавычки

Кавычки нужны, поскольку это строка (может они и не обязательны, но точно желательны)

[CSS]background: url('x_30c2ec0c.jpg') no-repeat;

[/CSS]
Здесь полностью согласен... Не досмотрел :(
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
10 r0mZet 2202 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
65 inkon 30375 19.7.2022, 13:41
автор: Funoman
Горячая тема (нет новых ответов) тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе.
Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО
71 VIMstat 78472 21.6.2022, 9:38
автор: VIMstat
Открытая тема (нет новых ответов) Отображение нужного блока при клике.
0 bhtml 1662 10.7.2020, 15:18
автор: -bhtml-


 



RSS Текстовая версия Сейчас: 18.4.2024, 10:57
Дизайн