HTML+CSS+JavaScript

похоже АЯ устал разьяснять. А я давно на сайт не заходил. Теперь же в указаном месте никакой формы нет - и не посмотришь. Но есть предложение: юзать http://validator.w3.org/check?uri=http%3A%2F%2Ftartuga.by%2F&charset=%28detect+automatically%29&doctype=Inline&ss=1&group=0&user-agent=W3C_Validator%2F1.1. Думаю, это сильно поможет в следующий раз.

Извините, вы правы вся проблема в form=ostat

Помогите разобраться как это можно исправить! Не понимаю как это сделать - если у меня в одной ячейки находиться type="text" в другой уже type="submit". Если вся форма должна быть только в одной ячейки?

Извините не заметил, я только начинаю все изучать и все тонкости еще не понимаю. Спасибо вам за терпение и помощь! Так правильно? Я думаю что нет! т.к. форма начинаеться в одной ячейки а заканчиваеться в другой. Но как я могу сделать по другому, если одна ячейка у меня это поле - text, а другая уже submit.......

<td class="r11">             <img src="images/1_14.jpg" class="t13" alt=""></td>         <td class="r12">             <img src="images/1_15.jpg" class="t14" alt=""></td>         <td class="r13">             <img src="images/1_16.jpg" class="t15" alt=""></td>         <td class="r14">             <img src="images/1_17.jpg" class="t16" alt=""></td>         <td><form action="poisk.php" method="GET"><input type="text" name="poisk" class="form-text" maxlength="30" size="35" value="<?php $_GET['poisk']; ?>Поиск по прайсу..." onblur="if(this.value=='') this.value='Поиск по прайсу...';" onfocus="if(this.value=='Поиск по прайсу...') this.value='';" border="0"></td>         <td class="r15">             <img src="images/1_19.jpg" class="t17" alt=""></td>         <td class="r16">             <input  style="border:0px; width:38; height:25; background:url('images/1_20.jpg')" type="submit"  name="go1" value=""></form></td>         <td  class="q4">             <img src="images/1_21.jpg" class="t18" alt=""></td>         <td class="r17">             <img src="images/1_22.jpg" class="t19" alt=""></td>

>"Так оно же и заключена в ячейку!"

Слушайте, мне с Вас смешно, как говорят в Одессе :-)

Почему Я должен знать ВАШ код лучше Вас?

У Вас, блин, ДВЕ формы на странице.

Первая форма (action="ostat.php") свёрстана ПРАВИЛЬНО.

А вторая форма (action="poisk.php") - как "у коровы пятая нога", начинается между ячейками и там же (но уже между двумя другими) заканчивается.

Так оно же и заключена в ячейку!

<tr>
<td class="r10">
<img src="images/1_12.jpg" class="t12" alt=""></td>

<td bgcolor=#2b68bb>

<div id="main">
<div id="navbar">
<ul>
<li>
<a href="#" onclick="showlayer('login_menu')">Войти</a></li>
</ul>
<div id="login_menu" style="display:none;">

<div id="signup-user-col">
Войти в систему:
<p><form action="ostat.php" method="post">
<ul>
<li>
<label for="email">Логин:</label>
<input type="text" id="email" name="login" size="18"/>
</li>
<li>
<label for="psw">Пароль:</label>
<input type="password" id="psw" name="pass" size="18"/>
</li>
<button type="submit" class="green-button" name="goostat">Войти!</button>
</ul>
</form></p>
</div>
<div class="spacer"></div>
</div>
</div>
</div>

</td>

<td class="r11">
<img src="images/1_14.jpg" class="t13" alt=""></td>
<td class="r12">
<img src="images/1_15.jpg" class="t14" alt=""></td>
<td class="r13">
<img src="images/1_16.jpg" class="t15" alt=""></td>
<td class="r14">
<img src="images/1_17.jpg" class="t16" alt=""></td>
<form action="poisk.php" method="GET">
<td><input type="text" name="poisk" class="form-text" maxlength="30" size="35" value="<?php $_GET['poisk']; ?>Поиск по прайсу..." onblur="if(this.value=='') this.value='Поиск по прайсу...';" onfocus="if(this.value=='Поиск по прайсу...') this.value='';" border="0"></td>
<td class="r15">
<img src="images/1_19.jpg" class="t17" alt=""></td>
<td class="r16">
<input style="border:0px; width:38; height:25; background:url('images/1_20.jpg')" type="submit" name="go1" value=""></td>
</form>
<td class="q4">
<img src="images/1_21.jpg" class="t18" alt=""></td>
<td class="r17">
<img src="images/1_22.jpg" class="t19" alt=""></td>
</tr>

Зря Вы здесь весь код выкладываете... изменили бы только на своей странице...

1. СРАЗУ СПРАШИВАЮ - а где закрывающий </a> у ссылки <a href="index.html">?

2. СРАЗУ СПРАШИВАЮ - Вы разве не поняли сути моего пункта 5 выше?
Повторяю: внутрь строки помещать можно ТОЛЬКО ячейки.
Формы внутрь строки не засовывают!
НИЗЗЯ потому что.
Форму можно засунуть внутрь ячейки.
Но не между ними и не заключая в неё несколько ячеек строки.

Пока не работает, я походу штаны другой стороной одел, вот что я сделал :

<html> <head> <? if (!isset($title)) $title='Главная  Тартуга-драйв'; // на случай, если забуду создать переменную echo "<title>$title</title>"; ?> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Главная - Тартуга</title> <link rel="shortcut icon" href="icon.gif" type="images/gif">  <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="JavaScript/data.js"></script> <script type="text/javascript" src="js/jquery.cookie.js"></script> <script type="text/javascript" src="js/jquery.treeview.js"></script> <script type="text/javascript" src="js/jquery-1.2.3.js"></script> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="./ImageOBR/jquery.mousewheel-3.0.2.pack.js"></script> <script type="text/javascript" src="./ImageOBR/jquery.fancybox-1.3.1.js"></script> <link rel="stylesheet" type="text/css" href="./ImageOBR/jquery.fancybox-1.3.1.css" media="screen" /> <link rel="stylesheet" href="css/style2.css" /> </head> <body style="background-color: #FFF; margin: 0"> <!-- ImageReady Slices (1.psd) --> <table id="________01" class="tab1" border="0" cellpadding="0" cellspacing="0">     <tr>         <td class="r1">             <img src="images/1_01.jpg" class="t1" alt=""></td>         <td class="q1">             <img src="images/1_02.jpg" class="t2" alt=""></td>         <td class="r2">             <img src="images/1_03.jpg" class="t3" alt=""></td>         <td class="r3">             <img src="images/1_04.jpg" class="t4" alt=""></td>         <td  class="r4">             <img src="images/1_05.jpg" class="t5" alt=""></td>         <td class="r5">             <img src="images/1_06.jpg" class="t6" alt=""></td>         <td class="r6">             <img src="images/1_07.jpg" class="t7" alt=""></td>         <td class="r7">             <img src="images/1_08.jpg" class="t8" alt=""></td>         <td class="r8">             <img src="images/1_09.jpg" class="t9" alt=""></td>         <td class="q2">             <img src="images/1_10.jpg" class="t10" alt=""></td>         <td class="r9">             <img src="images/1_11.jpg" class="t11" alt=""></td>     </tr>     <tr>         <td class="r10">             <img src="images/1_12.jpg" class="t12" alt=""></td>         <td bgcolor=#2b68bb>             <div id="main"> <div id="navbar"> <ul> <li> <a href="#" onclick="showlayer('login_menu')">Войти</a></li> </ul> <div id="login_menu" style="display:none;"> <div id="signup-user-col"> Войти в систему: <p><form action="ostat.php" method="post"> <ul> <li> <label for="email">Логин:</label> <input type="text" id="email" name="login" size="18"/> </li> <li> <label for="psw">Пароль:</label> <input type="password" id="psw" name="pass" size="18"/> </li> <button type="submit" class="green-button" name="goostat">Войти!</button> </ul> </form></p> </div> <div class="spacer"></div> </div> </div> </div> </td>         <td class="r11">             <img src="images/1_14.jpg" class="t13" alt=""></td>         <td class="r12">             <img src="images/1_15.jpg" class="t14" alt=""></td>         <td class="r13">             <img src="images/1_16.jpg" class="t15" alt=""></td>         <td class="r14">             <img src="images/1_17.jpg" class="t16" alt=""></td>             <form action="poisk.php" method="GET">         <td><input type="text" name="poisk" class="form-text" maxlength="30" size="35" value="<?php $_GET['poisk']; ?>Поиск по прайсу..." onblur="if(this.value=='') this.value='Поиск по прайсу...';" onfocus="if(this.value=='Поиск по прайсу...') this.value='';" border="0"></td>         <td class="r15">             <img src="images/1_19.jpg" class="t17" alt=""></td>         <td class="r16">             <input  style="border:0px; width:38; height:25; background:url('images/1_20.jpg')" type="submit"  name="go1" value=""></td>             </form>         <td  class="q4">             <img src="images/1_21.jpg" class="t18" alt=""></td>         <td class="r17">             <img src="images/1_22.jpg" class="t19" alt=""></td>     </tr>     <tr>         <td class="r18">             <img src="images/1_23.jpg" class="t20" alt=""></td>         <td class="q5">             <img src="images/1_24.jpg" class="t21" alt=""></td>         <td class="r19">             <img src="images/1_25.jpg" class="t22" alt=""></td>         <td class="r20">             <img src="images/1_26.jpg" class="t23" alt=""></td>         <td class="r21">             <img src="images/1_27.jpg" class="t24" alt=""></td>         <td class="r22">             <img src="images/1_28.jpg" class="t25" alt=""></td>         <td class="r23">             <img src="images/1_29.jpg" class="t26" alt=""></td>         <td class="r24">             <img src="images/1_30.jpg" class="t27" alt=""></td>         <td class="r25">             <img src="images/1_31.jpg" class="t28" alt=""></td>         <td  class="q6">             <img src="images/1_32.jpg" class="t29" alt=""></td>         <td class="r26">             <img src="images/1_33.jpg" class="t30" alt=""></td>     </tr>     <tr>         <td class="r27">             <img src="images/1_34.jpg" class="t31" alt=""></td>         <td class="q7">             <img src="images/1_35.jpg" class="t32" alt=""></td>         <td class="r28">             <img src="images/1_36.jpg" class="t33" alt=""></td>         <td class="r29">             <img src="images/1_37.jpg" class="t34" alt=""></td>         <td class="r30">             <img src="images/1_38.jpg" class="t35" alt=""></td>         <td class="r31">             <img src="images/1_39.jpg" class="t36" alt=""></td>         <td class="r32">             <img src="images/1_40.jpg" class="t37" alt=""></td>         <td class="r33">             <img src="images/1_41.jpg" class="t38" alt=""></td>         <td class="r34">             <img src="images/1_42.jpg" class="t39" alt=""></td>         <td  class="q8">             <img src="images/1_43.jpg" class="t40" alt=""></td>         <td class="r35">             <img src="images/1_44.jpg" class="t41" alt=""></td>     </tr>     <tr>         <td class="r36">             <img src="images/1_45.jpg" class="t42" alt=""></td>         <td class="q9">              <img src="images/1_46.jpg" class="t43" alt=""></td>         <td class="r37">             <img src="images/1_47.jpg" class="t44" alt=""></td>         <td class="r38">             <img src="images/1_48.jpg" class="t45" alt=""></td>         <td class="r39">             <img src="images/1_49.jpg" class="t46" alt=""></td>         <td class="r40">             <img src="images/1_50.jpg" class="t47" alt=""></td>         <td class="r41">             <img src="images/1_51.jpg" class="t48" alt=""></td>         <td class="r42">             <img src="images/1_52.jpg" class="t49" alt=""></td>         <td class="r43">             <img src="images/1_53.jpg" class="t50" alt=""></td>         <td  class="q10">             <img src="images/1_54.jpg" class="t51" alt=""></td>         <td class="r44">             <img src="images/1_55.jpg" class="t52" alt=""></td>     </tr>     <tr>         <td class="r45">             <img src="images/1_56.jpg" class="t53" alt=""></td>         <td class="q11">             <img src="images/1_57.jpg" class="t54" alt=""></td>         <td class="r46">             <img src="images/1_58.jpg" class="t55" alt=""></td>         <td class="r47">                  <a href="index.html">                          <a href="index.php"><img src="images/1_59.jpg" class="t56"     onmouseover="this.src='images/2_59.jpg';" onmouseout="this.src='images/1_59.jpg';" border="0" alt="Главная"></a></td>         <td class="r48">             <a href="zakaz.php"><img src="images/1_60.jpg" class="t57"    onmouseover="this.src='images/2_60.jpg';" onmouseout="this.src='images/1_60.jpg';" border="0" alt="Заказать"></a></td>         <td class="r49">             <a href="price.php"><img src="images/1_61.jpg" class="t58"    onmouseover="this.src='images/2_61.jpg';" onmouseout="this.src='images/1_61.jpg';" border="0" alt="Прайс-лист"></a></td>         <td class="r50">             <a href="contakt.php"><img src="images/1_62.jpg" class="t59"    onmouseover="this.src='images/2_62.jpg';" onmouseout="this.src='images/1_62.jpg';" border="0" alt="Контакты"></a></td>         <td class="r51">             <img src="images/1_63.jpg" class="t60" alt=""></td>         <td class="r52">             <img src="images/1_64.jpg" class="t61" alt=""></td>         <td class="q12">             <img src="images/1_65.jpg" class="t62" alt=""></td>         <td class="r53">             <img src="images/1_66.jpg" class="t63" alt=""></td>     </tr>   </table>

CSS:

.tab1{width:100%; height:100px; } .r1{ width:8px; height:14px;} .r2{ width:188px; height:14px;}  .r3{ width:155px; height:14px;} .r4{ width:159px; height:14px;} .r5{ width:152px; height:14px;}  .r6{ width:165px; height:14px;}  .r7{ width:10px; height:14px;} .r8{ width:38px; height:14px;}  .r9{ width:9px; height:14px;}  .r10{ width:8px; height:25px;}  .r11{ width:188px; height:25px;}  .r12{ width:155px; height:25px;}  .r13{ width:159px; height:25px;}  .r14{ width:152px; height:25px;}  .r15{ width:10px; height:25px;}  .r16{ width:38px; height:25px;}  .r17{ width:9px; height:25px;}  .r18{ width:8px; height:16px;}  .r19{ width:188px; height:16px;}  .r20{ width:155px; height:16px;} .r21{ width:159px; height:16px;}  .r22{ width:152px; height:16px;}  .r23{ width:165px; height:16px;}  .r24{ width:10px; height:16px;}  .r25{ width:38px; height:16px;}  .r26{ width:9px; height:16px;}  .r27{ width:8px; height:131px;}  .r28{ width:188px; height:131px;}  .r29{ width:155px; height:131px;}  .r30{ width:159px; height:131px;}  .r31{ width:152px; height:131px;}  .r32{ width:165px; height:131px;}  .r33{ width:10px; height:131px;}  .r34{ width:38px; height:131px;}  .r35{ width:9px; height:131px;}  .r36{ width:8px; height:121px;}  .r37{ width:188px; height:121px;}  .r38{ width:155px; height:121px;}  .r39{ width:159px; height:121px;}  .r40{ width:152px; height:121px;}  .r41{ width:165px; height:121px;}  .r42{ width:10px; height:121px;}  .r43{ width:38px; height:121px;}  .r44{ width:9px; height:121px;}  .r45{ width:8px; height:70px;}  .r46{ width:188px; height:70px;}  .r47{ width:155px; height:70px;}  .r48{ width:159px; height:70px;}  .r49{ width:152px; height:70px;}  .r50{ width:165px; height:70px;}  .r51{ width:10px; height:70px;}  .r52{ width:38px; height:70px;}  .r53{ width:9px; height:70px;}  .t1{ width:8px; height:14px;} .t2{ width:12px; height:14px;} .t3{ width:188px; height:14px;}  .t4{ width:155px; height:14px;} .t5{ width:159px; height:14px;}  .t6{ width:152px; height:14px;}  .t7{ width:165px; height:14px;}  .t8{ width:10px; height:14px;}  .t9{ width:38px; height:14px;}  .t10{ width:4px; height:14px;}  .t11{ width:9px; height:14px;}  .t12{ width:8px; height:25px;}  .t13{ width:188px; height:25px;}  .t14{ width:155px; height:25px;}  .t15{ width:159px; height:25px;} .t16{ width:152px; height:25px;}  .t17{ width:10px; height:25px;}  .t18{ width:4px; height:25px;}  .t19{ width:9px; height:25px;}  .t20{ width:8px; height:16px;} .t21{ width:12px; height:16px;}  .t22{ width:188px; height:16px;}  .t23{ width:155px; height:16px;} .t24{ width:159px; height:16px;}  .t25{ width:152px; height:16px;}  .t26{ width:165px; height:16px;}  .t27{ width:10px; height:16px;}  .t28{ width:38px; height:16px;}  .t29{ width:4px; height:16px;}  .t30{ width:9px; height:16px;}  .t31{ width:8px; height:131px;}  .t32{ width:12px; height:131px;}  .t33{ width:188px; height:131px;} .t34{ width:155px; height:131px;}  .t35{ width:159px; height:131px;}  .t36{ width:152px; height:131px;}  .t37{ width:165px; height:131px;} .t38{ width:10px; height:131px;}  .t39{ width:38px; height:131px;}  .t40{ width:4px; height:131px;}  .t41{ width:9px; height:131px;}  .t42{ width:8px; height:121px;}  .t43{ width:12px; height:121px;}  .t44{ width:188px; height:121px;}  .t45{ width:155px; height:121px;}  .t46{ width:159px; height:121px;}  .t47{ width:152px; height:121px;}  .t48{ width:165px; height:121px;}  .t49{ width:10px; height:121px;}  .t50{ width:38px; height:121px;}  .t51{ width:4px; height:121px;}  .t52{ width:9px; height:121px;} .t53{ width:8px; height:70px;}  .t54{ width:12px; height:70v;}  .t55{ width:188px; height:70px;}  .t56{ width:155px; height:70px;}  .t57{ width:159px; height:70px;}  .t58{ width:152px; height:70px;}  .t59{ width:165px; height:70px;}  .t60{ width:10px; height:70px;}  .t61{ width:38px; height:70px;}  .t62{ width:4px; height:70px;}  .t63{ width:9px; height:70px;}  .q1{background: url("../images/1_02.jpg") repeat-x;} .q2{background: url("../images/1_10.jpg") repeat-x;} .q3{background: url("../images/1_13.jpg") repeat-x;} .q4{background: url("../images/1_21.jpg") repeat-x;} .q5{background: url("../images/1_24.jpg") repeat-x;} .q6{background: url("../images/1_32.jpg") repeat-x;} .q7{background: url("../images/1_35.jpg") repeat-x;} .q8{background: url("../images/1_43.jpg") repeat-x;} .q9{background: url("../images/1_46.jpg") repeat-x;} .q10{background: url("../images/1_54.jpg") repeat-x;} .q11{background: url("../images/1_57.jpg") repeat-x;} .q12{background: url("../images/1_65.jpg") repeat-x;} .w1{background: url("../images/полоса_03.jpg") repeat-x;} .w2{background: url("../images/полоса_12.jpg") repeat-x;}

>"я все свои ячейки делаю фиксироваными, а те которые должны раснянуться"

Вот... понимание потихоньку проходит.
Начали принципиальные вопросы задавать.
Это хорошо.

Таблицы строятся, исходя из внутренних (встроенных в браузер) приоритетов.
Ваши указания размеров, они браузером, разумеется, учитываются.
Но, в первую очередь, браузер исполняет ЗАДАЧУ НОМЕР ОДИН: "Всё должно быть видно!"
Поясняю:

<table style="width: 100px" border="1"> <tr><td><img style="width: 200px; height: 50px"></td></tr> </table>

Сами понимаете, браузер просто ПЛЮНЕТ на указание сделать ширину всей таблицы в 100 пикселей.
А сделает её чуть больше 200 пикселей (ещё и на неуказанные cellpadding и cellspacing "заложится").
Почему?
Да потому как браузером исполняется ЗАДАЧА НОМЕР ОДИН.
Но есть и ЗАДАЧА НОМЕР ДВА, НОМЕР ТРИ... никак с Вашими указаниями не связанные.

Но... обо всём по порядку.
Для начала изобразите "одетые штаны", сиречь приведите всё "в божеский вид".
А потом будем смотреть.

Тогда буду исправлять по тиху........ Голова бо-бо.

Поесните еще пожалуйста......... т.е я все свои ячейки делаю фиксироваными, а те которые должны раснянуться

<td class="q1"> <img src="images/1_02.jpg" class="t2" alt=""></td>

CSS:

.q1{background: url("../images/1_02.jpg") repeat-x;} .t2{ width:12px; height:14px;}

Я правильно все понял?

>"так будет правильно?"

.r1{ width:188; height:25;} .t1{ width:188; height:25;}

Нет, неправильно.
В правилах стиля необходимо указывать размерность (причём слитно с её значением):

.r1{ width:188px; height:25px;} .t1{ width:188px; height:25px;}

-----

>"Когда я это все сделаю - должно все заработать?"

Полагаю, что не "заработает".
Но, когда Вы всё это сделаете, будет ЯСНО видно - прежде всего, Вам самому -
что именно надо будет изменить, чтобы ВСЁ и ВЕЗДЕ заработало правильно.