Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Программирование

Важная информация
Программирование - PHP, MySQL, JavaScript, CSS, HTML верстка и т.д.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 08.05.2013, 08:49   #1
 
Аватар для Динар
 
Сообщений: 7
FR (активность): 157

Доп. информация
По умолчанию Автор темы Ошибка в коде или как разместить две разные картинки в одном ряду, которые реагировали бы на мышь

Собрал вот такой код.

<div style="float: left;">
<style>

a.rollover {
background: url(&&&&);/* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 229px; /* Ширина рисунка */
height: 113px; /* Высота рисунка */
}

a.rollover:hover {
background: url(&&&&); /* Путь к файлу с заменяемым рисунком */

}
</style>


<a href="#" class="rollover"> </a>
</div>

<div style="float: right;">
<style>
a.rollover {
background: url(/d/571647/d/229_1.png);/* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 229px; /* Ширина рисунка */
height: 113px; /* Высота рисунка */
}

a.rollover:hover {
background: url(/d/571647/d/229_1.png); /* Путь к файлу с заменяемым рисунком */

}
</style>

<a href="#" class="rollover"> </a>

</div>

Суть такая: при наведении курсора картинка меняется.
все стоит в один ряд, но рисунки одинаковые отображаются.
подскажите, плиз, в чем трабл.
Динар вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 08.05.2013, 11:34   #2
 
Аватар для roman128
 
Сообщений: 7
FR (активность): 53

Доп. информация
По умолчанию

У тебя стоит класс a.rollover, он переопределяется дважды и в конечном итоге используется второй вариант с вотрым рисунком. Тебе нужно добавить идентификаторы к div например: <div style="float:left" id="first"> , а затем заменить a.rollover { на #first a.rollover {

Надеюсь помог

Оффтоп:
<div style="float: left;" id="first">
<style>

#first a.rollover {
background: url(&&&&);/* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 229px; /* Ширина рисунка */
height: 113px; /* Высота рисунка */
}

#first a.rollover:hover {
background: url(&&&&); /* Путь к файлу с заменяемым рисунком */

}
</style>


<a href="#" class="rollover"> </a>
</div>

<div style="float: right;" id="second">
<style>
#second a.rollover {
background: url(/d/571647/d/229_1.png);/* Путь к файлу с исходным рисунком */
display: block; /* Рисунок как блочный элемент */
width: 229px; /* Ширина рисунка */
height: 113px; /* Высота рисунка */
}

#second a.rollover:hover {
background: url(/d/571647/d/229_1.png); /* Путь к файлу с заменяемым рисунком */

}
</style>

<a href="#" class="rollover"> </a>

</div>
Динар: сообщение полезно
roman128 вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 10.05.2013, 09:09   #3
 
Аватар для Динар
 
Сообщений: 7
FR (активность): 157

Доп. информация
По умолчанию Автор темы

Спасибо. Все получилось.
Динар вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Ответ

Метки
html код

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 3296 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Скрытая ссылка в коде Rapace Joomla 18 02.08.2013 06:15
Вопрос о коде UCOZ djdiplomat Создание сайтов другого типа 2 07.04.2012 19:06
Какие картинки разместить в "крутилке" баннеров на главной странице сайта? F.Dexter Мусорка 0 25.02.2012 18:00
Что подправить в коде Римлянин Раскрутка в общих чертах 3 22.02.2012 15:33
2 разные темы на одном сайте... Ksjuu Продвижение сайта 13 07.04.2011 11:03

Текущее время: 10:18. Часовой пояс GMT +3.