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


Автор: SDEVIL 21.9.2007, 19:32
Доброго времени суток!

Вообщем проблема в следующем, вставляю форму в верстку и вся таблица разъезжается, пожалуйста помогите.
Вот код страницы.

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>
            TITLE
        </title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
        <link rel="stylesheet" href="style_css/index_style.css" type="text/css" />
        <script language="javascript" type="text/javascript">
            // <!--
            function height_div(){
                var el = document.getElementById('div_h');
                var bh = document.body.clientHeight - 155;
                el.style.height=bh+'px';
            }
            // -->
        </script>        
    </head>
<body onload="height_div();" onresize="height_div();">
    <table align="center" width="100%" cellspacing="0" cellpadding="0" style="table-layout: fixed;height: 100%;">
        <tr style="height: 5px;">
            <td bgcolor="#00007e" rowspan="7" style="width: 5px;">
            </td>
            <td bgcolor="#00007e" style="width: 200px;">
            </td>
            <td bgcolor="#00007e" rowspan="7" style="width: 5px;">
            </td>
            <td bgcolor="#00007e">
            </td>
            <td bgcolor="#00007e" rowspan="7" style="width: 5px;">
            </td>
        </tr>
        <tr style="height: 60px;">
            <td class="light_blue_border" align="center" bgcolor="#00007e" rowspan="5" valign="top" style="background-image: url(index_files/bg_panel.gif);">
            </td>
            <td class="light_blue_border" bgcolor="#00007e">
                <form name="site_version" method="post" action="admin.php">
                <table align="center" width="100%" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
                    <tr style="height: 30px;">
                        <td align="center" valign="middle" width="150px" style="border-bottom: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;padding-top: 2px;">
                        </td>
                        <td align="center" colspan="2" valign="middle" class="control_panel" bgcolor="#00007e" width="450" style="border-bottom: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;">
                        </td>
                        <td align="right" valign="middle" class="control_panel" bgcolor="#00007e" style="border-bottom: 3px #cbf0ff solid;padding-right: 10px;">
                        </td>
                    </tr>
                    <tr style="height: 30px;">
                        <td align="center" colspan="2" valign="middle" class="control_panel" bgcolor="#00007e" style="border-right: 3px #cbf0ff solid;">
                            <select name="lang">
                                <option value="ru">Русская</option>
                                <option value="en">English</option>
                            </select>
                        </td>
                        <td align="left" valign="middle" class="control_panel" bgcolor="#00007e" style="padding-left: 10px;">
                        </td>
                        <td align="right" valign="middle" class="control_panel" bgcolor="#00007e" style="padding-right: 10px;">
                        </td>
                    </tr>
                </table>
                </form>
            </td>
        </tr>
        <tr style="height: 5px;">
            <td bgcolor="#00007e">
            </td>
        </tr>
        <tr>
            <td align="center" class="light_blue_border" valign="middle" bgcolor="#CC0000" nowrap="nowrap" style="padding: 10px; height: 80%;background-image: url(index_files/bg_panel.gif);">
                <div class="main_content" id="div_h">
                </div>
            </td>
        </tr>
        <tr style="height: 5px;">
            <td bgcolor="#00007e">
            </td>
        </tr>
        <tr style="height: 30px;">
            <td align="center" class="control_panel" bgcolor="#00007e" valign="middle" style="border-top: 3px #cbf0ff solid;border-left: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;border-bottom: 3px #cbf0ff solid;padding-right: 10px;padding-left: 10px;">
            </td>
        </tr>
        <tr style=" height: 5px;">
            <td bgcolor="#00007e">
            </td>
            <td bgcolor="#00007e">
            </td>
        </tr>
    </table>
</body>
</html>

Автор: kshyms 22.9.2007, 17:35
В каком смысле разъзжается? Если хотите выравнять скопируйте вставьте в dreamever и можно выравнять без напряга.

Добавлено через 5 минут
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
            TITLE
</title>
        <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
        <link rel="stylesheet" href="style_css/index_style.css" type="text/css" />
        <script language="javascript" type="text/javascript">
            // <!--
            function height_div(){
                var el = document.getElementById('div_h');
                var bh = document.body.clientHeight - 155;
                el.style.height=bh+'px';
            }
            // -->
        </script>        
</head>
<body onload="height_div();" onresize="height_div();">
    
        <tr style="height: 5px;">
            <td width="4" rowspan="7" bgcolor="#00007e" style="width: 5px;">            </td>
            <td width="173" bgcolor="#00007e" style="width: 200px;">            </td>
            <td width="1" rowspan="7" bgcolor="#00007e" style="width: 5px;">            </td>
            <td width="548" bgcolor="#00007e">            </td>
            <td width="7" rowspan="7" bgcolor="#00007e" style="width: 5px;">            </td>
        </tr>
        <tr style="height: 60px;">
            <td class="light_blue_border" align="center" bgcolor="#00007e" rowspan="5" valign="top" style="background-image: url(index_files/bg_panel.gif);">
            </td>
            <td class="light_blue_border" bgcolor="#00007e">
                <form name="site_version" method="post" action="admin.php">
                <table align="center" width="100%" cellspacing="0" cellpadding="0" style="table-layout: fixed;">
                    <tr style="height: 30px;">
                        <td align="center" valign="middle" width="150px" style="border-bottom: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;padding-top: 2px;">
                        </td>
                        <td align="center" colspan="2" valign="middle" class="control_panel" bgcolor="#00007e" width="450" style="border-bottom: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;">
                        </td>
                        <td align="right" valign="middle" class="control_panel" bgcolor="#00007e" style="border-bottom: 3px #cbf0ff solid;padding-right: 10px;">
                        </td>
                    </tr>
                    <tr style="height: 30px;">
                        <td align="center" colspan="2" valign="middle" class="control_panel" bgcolor="#00007e" style="border-right: 3px #cbf0ff solid;">
                            <select name="lang">
                                <option value="ru">Русская</option>
                                <option value="en">English</option>
                            </select>
                        </td>
                        <td align="left" valign="middle" class="control_panel" bgcolor="#00007e" style="padding-left: 10px;">
                        </td>
                        <td align="right" valign="middle" class="control_panel" bgcolor="#00007e" style="padding-right: 10px;">
                        </td>
                    </tr>
                </table>
                </form>
            </td>
        </tr>
        <tr style="height: 5px;">
            <td bgcolor="#00007e">
            </td>
        </tr>
        <tr>
            <td align="center" class="light_blue_border" valign="middle" bgcolor="#CC0000" nowrap="nowrap" style="padding: 10px; height: 80%;background-image: url(index_files/bg_panel.gif);">
                <div class="main_content" id="div_h">
                </div>
            </td>
        </tr>
        <tr style="height: 5px;">
            <td bgcolor="#00007e">
            </td>
        </tr>
        <tr style="height: 30px;">
            <td align="center" class="control_panel" bgcolor="#00007e" valign="middle" style="border-top: 3px #cbf0ff solid;border-left: 3px #cbf0ff solid;border-right: 3px #cbf0ff solid;border-bottom: 3px #cbf0ff solid;padding-right: 10px;padding-left: 10px;">
            </td>
        </tr>
        <tr style=" height: 5px;">
            <td bgcolor="#00007e">
            </td>
            <td bgcolor="#00007e">
            </td>
        </tr>
</table>
</body>
</html>

Автор: SDEVIL 22.9.2007, 20:38
kshyms,  Спасибо, но то что вы написали не подходит, там вообще структура другая.
А в дримвере не исправить если в браузере коряво отображается то так и будет!

Автор: kizune 24.9.2007, 09:22
Напишите,что именно разъезжается,и где оно должно быть

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