Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.09.2007, 20:32
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

Корректный вывод слоев <div>.
Мне нужно подряд идущие 2 слоя, когда пишешь...
<div>1 слой</div><div>2 слой</div>
то слои оказываются друг под другом. Как их вывести рядом?
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #2 (permalink)  
Старый 26.09.2007, 22:50
Аватар для Илья Кантор
Администратор
Отправить личное сообщение для Илья Кантор Посмотреть профиль Найти все сообщения от Илья Кантор
 
Регистрация: 25.05.2007
Сообщений: 1,225

Это довольно-таки неочевидно. Называется 2-колоночная верстка.

Проще таблицами сделать.
Ответить с цитированием
  #3 (permalink)  
Старый 26.09.2007, 22:56
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

Хм... Тогда получится что то подобное:
<table>
<tr>
<td><div id='div_1'>1 слой</div></td>
<td><div id='div_2'>2 слой</div></td>
</tr>
</table>

Получается так, но почему то мне кажется должен быть и другой способ...
Посто, мне в слои потом надо будет добавлять и изменять теги... насколько я знаю у ТР и ТД нет возможности через innerHTML работать.
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #4 (permalink)  
Старый 27.09.2007, 00:34
Аватар для Илья Кантор
Администратор
Отправить личное сообщение для Илья Кантор Посмотреть профиль Найти все сообщения от Илья Кантор
 
Регистрация: 25.05.2007
Сообщений: 1,225

td.innerHTML замечательно работает.

Вот tr.innerHTML в IE - не работает
Ответить с цитированием
  #5 (permalink)  
Старый 27.09.2007, 12:07
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

Сделал как ты сказал... Возникла проблема... Сейчас обрисую в общих чертах:

//структура таблицы.
<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/. Там нажми "редактировать"...
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #6 (permalink)  
Старый 27.09.2007, 12:40
Аватар для Илья Кантор
Администратор
Отправить личное сообщение для Илья Кантор Посмотреть профиль Найти все сообщения от Илья Кантор
 
Регистрация: 25.05.2007
Сообщений: 1,225

Много очень кода, я даж не знаю. Отлаживай... http://firebug.ru тебе в помощь
Ответить с цитированием
  #7 (permalink)  
Старый 27.09.2007, 18:39
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

Сейчас проверил тот же код в IE, все работает почти идеально, а вот опера, почемуто уменьшает колонку до минимума сейчас буду дальше раскапывать..
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
  #8 (permalink)  
Старый 27.09.2007, 20:24
Новичок на форуме
Отправить личное сообщение для TroT Посмотреть профиль Найти все сообщения от TroT
 
Регистрация: 27.09.2007
Сообщений: 5

Сообщение от Phoenix Посмотреть сообщение
Мне нужно подряд идущие 2 слоя, когда пишешь...
<div>1 слой</div><div>2 слой</div>
то слои оказываются друг под другом. Как их вывести рядом?
<style>
div { float: left; }
</style>
Ответить с цитированием
  #9 (permalink)  
Старый 27.09.2007, 23:01
Аватар для Phoenix
Профессор
Отправить личное сообщение для Phoenix Посмотреть профиль Найти все сообщения от Phoenix
 
Регистрация: 24.09.2007
Сообщений: 165

Фух, разобрался в чем проблема была, дебагер не сильно помог

//структура таблицы.
<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>

Выделил не нужный кусок кода, где как раз и скрывалась ошибка(в опере и фф). Пока вроде нормально все работает.
__________________
После каждой девятки все снова с нуля,
Все снова с нуля, но не сначала...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск