Сделал как ты сказал... Возникла проблема... Сейчас обрисую в общих чертах:
//структура таблицы.
<table width='100%' border='1'>
<tr>
<td id='news_date_0' class='title_b' width='70'>23.09.2007</td>
<td id='news_title_0' class='title_b' width='100%'>Название первой новости</td>
</tr>
</table>
<a onClick='news_re(0)'>Редактировать</a>
//функция для замены текста на строку для ввода данных
function news_re(index){
var title_e=document.getElementById("news_date_"+index );
if (document.getElementById("tile_t"+index)==null){
title_e.innerHTML="<input type='text' name='title_re' id='tile_t_"+index+"' class='textbox_re' value='"+title_e.innerHTML+"'>";
}
}
//стиль из CSS
.textbox_re {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #009;
height : 12;
background-color : #eef;
width : 100%;
}
работает так, пользователь нажимает редактировать, и должна замениться надпись, на окно для ввода данных. Но почему то, ширина становится равна 0... Ширина едита "width : 100%;" Ширина колонки "width='70'". В чем может быть проблема? по идее должен едит растянуться на 100%( в данном случае родителский тег имеет ширину 70 пикселей.
Что бы лучше понять, зайди на пробный сайт
http://site-creator.jino-net.ru/. Там нажми "редактировать"...