DIV внутри DIV, который имеет переполнение: скрытый?

#css

Вопрос:

Здесь немного поцарапана голова, поэтому любые указатели будут высоко оценены!

У меня есть заголовок div, который имеет свойство overflow:hidden. Слева от этого заголовка находится заголовок страницы, а справа — несколько изображений. Это работает отлично, и все отображается так, как должно.

Однако теперь мне нужно обернуть эти изображения вокруг тегов div (они станут интерактивными и будут обновляться через Ajax — поэтому мне нужно определить div обратной передачи для каждого изображения). Как уже упоминалось, без обертывания изображения вокруг тега div они отображаются нормально. Однако, как только я добавляю теги div, они исчезают (хотя все еще отображаются в источнике страницы). Теги div принимают простую форму, и с ними не связан стиль.

Я уверен, что я что-то здесь упускаю, но, черт возьми, сейчас это полностью обходит меня стороной!

Спасибо 🙂

1. К сожалению, на данный момент он находится на локальном сервере.

2. тогда вы можете просто скопировать какой-нибудь код? что вы подразумеваете под «обертыванием изображений вокруг тегов div»?

3. Если вы хотите сделать изображения интерактивными, вы не «обертываете изображения вокруг div, вы скорее помещаете изображения в a: <a href=’display.html ‘><img src=’img.jpg ‘ /></a> Или для javascript вещей: <img src=’img.jpg ‘ onclick=’оповещение («привет»)’ />

4. Извините, я имел в виду обернуть теги div вокруг изображений (а не наоборот, как я изначально писал). Причина этого заключается в том, что при нажатии на изображения обратная передача (которая также будет изображением) возвращается в том же месте.

Ответ №1:

Ваш вопрос немного неясен для меня, в любом случае, если я понял ваш вопрос

Если вам нужно событие щелчка, которое вы можете использовать asp:ImageButton для удержания изображения. если вам действительно нужно использовать div

 <div class="header"> // this is the one with overflow hiddden
<div class="left"> // this div holds the page title ; float:left
<h1>Title</h1>
</div>

<div class="right"> // this div to hold the divs which contain images
                    // if all your images are same height set the same height to this div and float:right
    <div class="image"> // this div holds the image; make float:left set height and width
        <img/>
    </div>
    <div class="image">
        <img />
    </div>
    <div class="image">
        <img />
    </div>
</div>

</div>

Надеюсь, это поможет