Релиб / Веб-программирование / Веб-программирование / Разъезжается таблица / Latest Posts

RE: Разъезжается таблица

DarkSet — Wed, 25 Apr 2007 11:58:25 GMT

Что то я сделал и оно заработало, спасибо. Почему не работало и почему заработало не знаю )

RE: Разъезжается таблица

bazile — Fri, 20 Apr 2007 13:10:03 GMT

У меня все работает. Пример в аттачменте.

RE: Разъезжается таблица

DarkSet — Fri, 20 Apr 2007 12:51:36 GMT

Заменил block на table-row, результат забавен до невозможности.. ну то что ИЕ не работает ладно, поставлю проверку, но файерфокс и опера делают переключения только в одном направлении. То есть нажимаю "перейти до редагування", все как надо, та строка исчезает, нужная появляется, ничего не разъезжается, ляля. Но обратно по кнопке "відміна" не переходит! Ошибок скрипта не выдает, просто ничего не происходит и все. Заменял реплейсом, ничего лишнего не прихватил. Они что однозарядные эти браузеры? )

RE: Разъезжается таблица

bazile — Fri, 20 Apr 2007 12:33:07 GMT

MSIE хуже поддерживает стандарты w3c поэтому использовать его как средство проверки не стоит.

RE: Разъезжается таблица

bazile — Fri, 20 Apr 2007 12:32:14 GMT

Это можно обойти путем использования проверки на IE и на все остальные браузеры.

Если msie true, то используем знечение block, иначе table-row.

RE: Разъезжается таблица

DarkSet — Fri, 20 Apr 2007 12:22:59 GMT

Проверял - это не работает в ИЕ, а значит будет ли работать в опере и файерфоксе уже неважно

еще пробовал inline, ИЕ нормально, опера и файерфокс - та же беда

RE: Разъезжается таблица

bazile — Fri, 20 Apr 2007 12:20:05 GMT

Попробуй присвавать свойству display вместо block значение table-row и посмотри как это будет работать в Mozilla с Opera.

RE: Разъезжается таблица

DarkSet — Fri, 20 Apr 2007 11:41:42 GMT

Нет, у меня просто на каждую строку по форме, то есть таблица состоит из строк в каждой из которых форма.

я пробовал менять <tr><form> </form></tr> и <form><tr> </tr></form> - без разницы, съезжает.

Вот сейчас попробовал совсем убрать теги формы - все равно разъзжается. Значит не в ней дело.

RE: Разъезжается таблица

bazile — Fri, 20 Apr 2007 11:25:10 GMT

Может это происходит из тега <form> вставленного внутрь таблицы. Ты видимо пытался таким образом избавиться от отступов которые этот тег делает. Есть способ проще. Вынеси форму за пределы таблицы и добавб к нему атрибут style="margin:0".

Разъезжается таблица

DarkSet — Thu, 19 Apr 2007 12:16:31 GMT

Есть такая страница:

[quote]<html>
<head>
<title></title>
</head>
<body>
<table class='zap' border=1 cellspacing=1 cellpadding=1><tbody>
<tr class='zap_head'>
<td class='zap_head'>Дії</td>
<td class='zap_head'>Ім'я входу</td>
<td class='zap_head'>Пароль</td>
<td class='zap_head'>Ім'я користувача</td>
<td class='zap_head'>Тип доступу</td>
<td class='zap_head'>Місце роботи (код)</td>
</tr>
<form action='Index.php?z=0' method=post id='form_adm'>
<tr class='inva zap0' id='tred_adm'>
<td class='zap'>
<input type='hidden' name='tt' value='10'>
<img onclick='reset(); window.document.getElementById("trot_adm").style.display="block"; window.document.getElementById("tred_adm").style.display="none";' src='../imgs/undo.gif' alt='Відмінити'>
<img onclick='if (confirm("Видалити adm?")) {window.document.getElementById("form_adm").tt.value="12"; submit()};' src='../imgs/delete.gif' alt='Видалити'>
<img onclick='submit();' src='../imgs/edit.gif' alt='Внести зміни'>
</td>
<td class='zap'>
<input class='intd' type='text' size=20 name='login' value='adm'>
</td>
<td class='zap'>
<input class='intd' type='text' size=20 name='pass' value='pas'>
</td>
<td class='zap'>
<input class='intd' type='text' size=30 name='Nname' value='Administrator1'>
</td>
<td class='zap'>
<select class='intd' name='Type'>
<option value='fu' >Користувач філії</option>
<option value='admin' selected>Адміністратор таблиці користувачів</option>
</select>
</td>
<td class='zap'>
<select name='id_filial'>
<option value='322948' selected>АКБ "ФОРУМ", м.Київ (322948)</option>
<option value='306878' >ДНІПРОПЕТ-СЬКА ФАКБ "ФОРУМ" (306878)</option>
<option value='304977' >Алчевська філія АКБ "ФОРУМ" (304977)</option>
<option value='304870' >ЛУГАНСЬКА ФІЛІЯ АКБ "ФОРУМ" (304870)</option>
</select>
</td>
</tr>
</form><tr class='zap0' id='trot_adm'>
<td class='zap'>
<img onclick='window.document.getElementById("tred_adm").style.display="block"; window.document.getElementById("trot_adm").style.display="none";' src='../imgs/edit.gif' alt='Перейти до редагування'>
</td>
<td class='zap'>
adm
</td>
<td class='zap'>
pas
</td>
<td class='zap'>
Administrator1
</td>
<td class='zap'>
Адміністратор таблиці користувачів
</td>
<td class='zap'>
АКБ "ФОРУМ", м.Київ (322948)
</td>
</tr>
</tbody></table>
<style type='text/css'>
.inva {display : none}
</style>
</body>
</html>[/quote]

там если нажать на картинку, ту что "перейти до редагування" по идее отображается невидимая строка, а та что видимая исчезает. И по отмене делается обратное действие. В ИЕ все равботает нормально. В опере и файерфоксе после появления новой строки она почему то все уйезжает в одну, первую, колонку. И обратного дейтсвия сделать нельзя.

Кто может объяснить почему так и как с этим бороться? Ибо это не впервый раз когда у меня в опере и файерфоксе все почему то лезет в одну колонку шапки.