Как избежать разрывов строк после обнаружения скрытого изображения?

Question

Я работаю со списком ссылок, которые показывают изображение при наведении.Однако, когда изображение обнаружено и впоследствии скрыто, разрыв строки остается.Есть ли способ избежать этого?

Вот несколько изображений, которые показывают точную проблему:

До: http://i38.photobucket.com/albums/e126/aaron123456/Screenshot2011-11-10at155956.png

После того, как изображения обнаружены: http://i38.photobucket.com/albums/e126/aaron123456/Screenshot2011-11-10at160023.png

Я довольно новичок в программировании, любая помощь, которую вы можете оказать, была бы полезна.спасибо!

Answer 1

Попробуйте это: http://jsfiddle.net/csPw2/

html

<span id="hover_img">Hover!<img src="http://www.google.de/images/srpr/logo3w.png" alt="image" /></span>
<br />
<a href="#">Link1</a><br />
<a href="#">Link1</a><br />
...

css

#hover_img img {
    display: none;
}
#hover_img:hover img {
    display: block;
}
#hover_img:hover + br {
    display:none;
}