Почему textarea не поднимается до потолка слайда без position absolute?

Question

[proclub]

Вот есть слайдер на чистом css, при попытке добавить textarea поверх картинки он его только на такое расстояние поднимает

Если задать absolute то он поменяет свое положение, но при смене слайда он будет летать за пределами своей картинки и слайдера в целом. Подскажите как можно решить этот вопрос?

Answer 1

[Максим]

изображение вставлено тегом <img src=""> или через css background-image:url(); ?

Comments

[proclub]

img src=""

[Максим]

proclub: тогда получается что изображение блочный элемент и ваше текстовое поле просто выталкивает вниз ...

[proclub]

div id="slides">
					<div id="overflow">
						<div class="image">
							<article><img src="1.jpg"></article>
							<article><img src="2.jpg"><textarea>sahdjahsjdhasjdhasjdhajshdjashdjashdjashjdhasjdhasjdhjashdjashdjashjdashjdhasjdhasjhsadasdasdasdasdasdasdasdasd</textarea></article>
							<article><img src="3.jpg"></article>
							<article><img src="4.jpg"></article>
							<article><img src="5.jpg"></article>
						</div>
					</div>
				</div>

[Максим]

proclub: оберните каждое изображение и текст в блоки и из них делайте слайдер

[Максим]

proclub: Вот так примерно

<div id="slider">
  <div id="overflow"> 
          <div class="slide">
            <img src="">
          </div>
          <div class="slide">
            <img src="">
          </div>
          <div class="slide">
            <p>Your text....</p>
          </div>
          <div class="slide">
            <img src="">
          </div>
      </div>
</div>

где .slide = text

[proclub]

Спасибо, действительно решило проблему.