Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > использование hover в блоке

Автор: Антоннио 22.10.2009, 14:13

Имееться следующий фрагмент кода :

html-фаил:
....

Код


<div id="content_pic1" >


<h1 align="center" >Choose a Course</h1>

<p>
You can choose your own course depending on your level of Russian.
</p>


<p align="center">
<img src="images/content_pict1.gif" />
</p>

</div>

....

и css-файла :
....

Код


#content_pic1{
width:295px;
height:230px;
float:left;
}

#content_pic1 :hover {
width:295px;
height:230px;
float:left;
background:#fff /*url(../images/content_active.png)*/;
}

....

Добавлено через 27 секунд
Почему-то при наведении на данный блок в нем не только появляется background, а в добавок еще и растягивается по-странному, если навести на рисунок то тянеться как только тот может :(

Автор: youri 22.10.2009, 23:24

что, по-твоему, означает #content_pic1 :hover?

Автор: Антоннио 23.10.2009, 14:20

Я сделал, уже при поможи джаваскрипта, но все же вопрос интерестный..
Я знаю, что данную функцию можно использовать только на гиперссылки, но все же она и с дивами что-то делает, пусть даже что-то непонятное....

Ховер должен выполняться только по наведению на объект, в даннос лучае див, что впринцепе и происходит, только вот не выполняет что внутри написанно, как-то по корявому уж очень сильно...

Автор: youri 23.10.2009, 14:27

почитай правила составления селекторов

Автор: Антоннио 23.10.2009, 16:30

youri, а ты не можешь сказать в чем именно причина, а то я как-то путаюсь так.... не понимаю, что именно неправильно - от того не знаю, что именно читать...

Автор: youri 23.10.2009, 17:27

да могу в общем-то, пробел у тебя там лишний. Но мог бы и сам разобраться ;)