Увеличение картинки при наведении

[olgamar]

Спасибо! Я правильно поняла, что мне нужно оставить только один id, а все остальные элементы писать как div class? Вот этого я не знала....

 

[motek]

Спасибо! Я правильно поняла, что мне нужно оставить только один id, а все остальные элементы писать как div class? Вот этого я не знала....

правильно...один элемент может иметь уникальный id, нигде больше не повторяющийся и класс или классы, в зависимости от Ваших нужд...
один элемент может иметь и класс, и несколько классов - очень упрощает редактирование самого документа...если классов больше одного - они прописываются подряд, без запятой...для примера посмотрите "увеличение картинки" - там у дива, в котором лежит картинка два класса...

 

[olgamar]

спасибо, понятно, это тоже подкорректирую

 

[olgamar]

Все получилось
http://www.luckyframe74.com/index2.html


Я не знаю, правильно ли я сделала, но к коду BaNru я добавила z-index1, тогда блок вышел у меня на передний план.
Надеюсь, я код не испортила.
PS. Правильно ли я поняла, что если прописать hover без span, то будет все дергаться?
Сейчас делаю новую страницу с Query, которую дал motek. Буду пробовать все техники.

Огромное спасибо всем за помощь

 

[dimamen777]

#container {
width: 300px;
margin: 0 auto;
}

#ex2 img{
height: 200px;
width: 300px;
margin: 15px 0;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

#ex2 img:hover {
height: 533px;
width: 400px;
margin-left: -50px;
}