Блог

Главная - Вопросы по программированию - как избежать разрывов строк после раскрытия скрытого изображения?

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

#html #image #whitespace #line-breaks #rollover

#HTML #изображение #пробел #разрывы строк #откат

Вопрос:

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

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

Перед:http://i38.photobucket.com/albums/e126/aaron123456/Screenshot2011-11-10at155956.png

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

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

Комментарии:

1. это происходит во время раскрытия изображений i38.photobucket.com/albums/e126/aaron123456 / … (в вопросе разрешено размещать не более двух гиперссылок)

2. Пожалуйста, разместите свой исходный код здесь. И / или использование jsfiddle. net был бы полезен.

3. используя это как html ‘<span id=»hover_img»><a href=»?p= 11″> наведите курсор! <img src=»../images/thumbs/madnanna.jpg «alt=»» /></a></span><br>

Ответ №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;
}

Комментарии:

1. не работает: c после раскрытия изображения все еще остается разрыв строки. все ссылки перемещаются на пробел. спасибо за помощь, хотя она странная

2. Как я вижу, в этом jsfiddle.net/csPw2 / </br> после исчезновения изображения. Итак, есть какая-то другая проблема. Опубликуйте, свяжите весь свой код.

3. о да, это отлично работает в firefox. я использовал safari, по какой-то причине не работает в safari

4. исправлено. изменил диапазон на div, кажется, работает нормально. еще раз спасибо за вашу помощь!