Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Проблема со слоями! Появляется пустое место!


Автор: Rusman 23.7.2009, 21:42
Привет всем!
Проблема в следующем:
В ячейке таблицы лежит рисунок с input:
Код

<td  width=846 height=68>
        <img class=up  src="images/new_dis copy_0_1.jpg" width=846 height=68 border=0 alt="">
        <input type=text >
      </td>


Далее css:
Код

.up {
z-index: 1; 

}

input { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:normal;
color:#A7ADB6;
padding:4px 10px 4px 10px;
width:125px;
height:28px;
border:none;
background:url('images/inputmain.jpg') 0 0 no-repeat; 
position: relative;
left: 430px;
top: -40px;
z-index: 2;

}


Проблема в том что когда так делаю, у меня после рисунка появляется пространство равное высоте input и верстка летит. Как это исправить? Рисунок прикрепил.
Всем заранее спасибо!

Автор: Itsys 24.7.2009, 09:50
Конечно, лучше посмотреть полный код, но попробуй так:
Код

<td  width=846 height=68>
        <img class=up  src="images/new_dis copy_0_1.jpg" width=846 height=68 border=0 alt="">
        <input type=text ></td>

Автор: Rusman 24.7.2009, 18:45
Itsys,  не, не выходит так ((

Автор: Avreol 24.7.2009, 20:29
попробуйте у инпута position: absolute;
если не получится то положите инпут в див и перепишите диву все свойства инпута касающиеся расположения, только опять же с position: absolute;

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)