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



 

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

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

Открыть тему
Тема закрыта
> div backgroundImage не работает
patison
patison
Topic Starter сообщение 20.1.2008, 18:16; Ответить: patison
Сообщение #1


Есть такой вот кусочек кода:

<div class="button" id="news" onmouseover="document.getElementById('news').backgroundImage: url('town.png');"></div>
При наведении курсора мыши, ничего не происходит.
Вот css:
.button{
    position: absolute;
    width: 103px;
    height: 67px;

    font-color: #dddddd;
    text-align: center;
    background-color: #202020;
}

.button#news{
    left: 0px;
    top: 0px;

    z-index: 1;
}


Помогите разобраться в чём тут проблема.
Заранее спасибо!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
QuickSite
QuickSite
сообщение 20.1.2008, 18:33; Ответить: QuickSite
Сообщение #2


Попробуй так написать:

HTML:

<div class="button" id="news" onmouseover="this.className='MyClass'"></div>


CSS:

.button
{
  position: absolute;
  width: 103px;
  height: 67px;
  font-color: #dddddd;
  text-align: center;
  background-color: #202020;
}

.button#news
{
    left: 0px;
    top: 0px;
z-index: 1;
}

.MyClass
{
background-image:url('town.png');
position: absolute;
width: 103px;
height: 67px;
font-color: #dddddd;
text-align: center;
}
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 20.1.2008, 18:57; Ответить: patison
Сообщение #3


хм.. ну так работает.. вот только неужели ради такой мелочи, никак не обойтись без создания отдельного класса?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 20.1.2008, 19:09; Ответить: Webmaster_hb
Сообщение #4


patison, а почему бы не использовать стандартные #hover ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 20.1.2008, 19:22; Ответить: patison
Сообщение #5


хм.. что-то не совсем пойму как в данном контексте использовать hover...
попробовал так:
.button:hover{
    background-image:url('button_bg_1px.png');
}

результата - ноль
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 20.1.2008, 19:48; Ответить: Webmaster_hb
Сообщение #6


patison, вот пример того что я имел ввиду
<html>
<style>
a.button {
font: verdana 12px bold;
}
a.button:hover {
font: verdana 12px bold;
background-image:url('test.jpg');
}
</style>
<body>
<a href="#" class="button">
123 456
</a>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 20.1.2008, 20:10; Ответить: patison
Сообщение #7


оо. вот так уже понятней :)
сделал так:
...
.button#news:hover{
    background-image:url('button_bg_1px.png');
}
...


и так для каждой кнопочки.
Спасибо :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Webmaster_hb
Webmaster_hb
сообщение 20.1.2008, 20:30; Ответить: Webmaster_hb
Сообщение #8


patison, а зачем для каждой кнопочки ?
фоновые изображения разные для каждой ?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
patison
patison
Topic Starter сообщение 21.1.2008, 13:10; Ответить: patison
Сообщение #9


Нет. в том-то и дело. потому-то я попытался сначала сделать так:
.button:hover{
    background-image:url('button_bg_1px.png');
}


Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Крауд-маркетинг который работает | Эффективные Ру-ссылки
1 Azyuka 957 13.2.2024, 19:36
автор: tascha56
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
10 muratastana 1545 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) Кто работает с партнерской программой eBay?
0 Stalser 1151 14.12.2021, 12:26
автор: Stalser
Открытая тема (нет новых ответов) Кто работает с партнеркой Кликбанк?
4 metvekot 1697 5.12.2021, 22:32
автор: adamsadriane
Открытая тема (нет новых ответов) Бесплатный аудит рекламы от специалиста с 20 летним стажем. Реклама не всегда работает.
Ваша реклама может быть больше!
0 AndyGray 6769 1.4.2021, 12:31
автор: AndyGray


 



RSS Текстовая версия Сейчас: 28.3.2024, 18:35
Дизайн