Главная страницаСоздание сайтовБлог Кузнецова М.В.Статьи о PHPPHP-скриптыСтатьи об ApacheФорум С++КонсультацииФорум "Про Жизнь"
Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. PHP. Практика создания Web-сайтов (второе издание). Авторы: Кузнецов М.В., Симдянов И.В. MySQL 5. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ 		Консультационный центр SoftTime

HTML+CSS+JavaScript
Вход  Регистрация  Список форумов  Живой форум  Архив  RSS-канал  Правила форума  Участники "Online"  Все участники

Выбрать другой форум

 

Здравствуйте, Посетитель!

 Новая тема

 Поиск

  Список тем

вид форума:
Линейный форум Структурный форум

тема: JS не коректно работает

следующая тема
 
 автор: RuslanMRP   (18.11.2010 в 17:22)   письмо автору
  
 

Привет! Помогите!!!!! Проблема такова. Разробатывал сайт на своем компе. Выложил на hosting. Форма заказа сделана на JavaScript. У меня отображает как и надо всплывают подсказки над полями которые не заполнены. Захожу на сайт с другого компа - всплытие окон не отображает. Всем может быть проблема. Помогите пожалуйста!!!!!!!!!!!!

  Ответить  
 
 автор: Красная_шляпа   (18.11.2010 в 19:27)   письмо автору
  
   для: RuslanMRP   (18.11.2010 в 17:22)
 

Кроссбраузерность и т.п.

  Ответить  
 
 автор: kosta_in_net   (19.11.2010 в 07:34)   письмо автору
  
   для: RuslanMRP   (18.11.2010 в 17:22)
 

проблема в отсутствии урл. Был бы урл, на котором сие не работает, давно бы сказали. почему ;)

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 10:07)   письмо автору
  
   для: kosta_in_net   (19.11.2010 в 07:34)
 

вот здесь я взял форму, настроел под себя....... http://ruseller.com/lessons.php?rub=37&id=422
Есть какие предложения?

  Ответить  
 
 автор: kosta_in_net   (19.11.2010 в 10:15)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 10:07)
 

а результат настроек где посмотреть?

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 10:19)   письмо автору
  
   для: kosta_in_net   (19.11.2010 в 10:15)
 

могу выложить сайт на сервер для просмотра. Нужно?

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 10:22)   письмо автору
  
   для: kosta_in_net   (19.11.2010 в 10:15)
 

Поевилась еще одна проблема! В опере работает так как я прописывал - сайт разворачиваеться на весь манитор, а в Explorer - нет, тож нужна помощь - как это сделать?

  Ответить  
 
 автор: kosta_in_net   (19.11.2010 в 11:23)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 10:22)
 

дык, выложи куда-нить. А то ж, в слепую гадать - толку мало

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 11:45)   письмо автору
  
   для: kosta_in_net   (19.11.2010 в 11:23)
 

сайт - Tartuga.by ? Подскажите пожалуйста!!!!!!!

  Ответить  
 
 автор: kosta_in_net   (19.11.2010 в 12:12)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 11:45)
 

У тебя так много различных ошибок, что менее чем за час не разобраться :(
Ты б сам-то запускал консоль отладки...
И, кстати, почему бы тебе не спросить у авторов этого шедевра? http://ruseller.com/lessons.php?rub=37&id=422
Там столько сторонних библиотек используется, что без бутылки не разобраться.
Я бы на твоем месте взял бы что-то типа такого http://www.website-it.ru/contacts.html - компактно и универсально.

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 12:27)   письмо автору
  
   для: kosta_in_net   (19.11.2010 в 12:12)
 

Понял! Подскажите по поводу - почему в Opere растягиваеться по ширине сайт, а в Explorer -нет.

<html>
<head>
<?
if (!isset($title)) $title='Главная  Тартуга-драйв'; // на случай, если забуду создать переменную
echo "<title>$title</title>";
?>
<title>Главная - Тартуга</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<link href="css/style.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<!-- ImageReady Slices (1.psd) -->
<table id="________01" width="100%" height="100" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="8" height="14">
            <img src="images/1_01.jpg" width="8" height="14" alt=""></td>
        <td class="q1">
            <img src="images/1_02.jpg" width="12" height="14" alt=""></td>
        <td width="188" height="14">
            <img src="images/1_03.jpg" width="188" height="14" alt=""></td>
        <td width="155" height="14">
            <img src="images/1_04.jpg" width="155" height="14" alt=""></td>
        <td width="159" height="14">
            <img src="images/1_05.jpg" width="159" height="14" alt=""></td>
        <td width="152" height="14">
            <img src="images/1_06.jpg" width="152" height="14" alt=""></td>
        <td width="165" height="14">
            <img src="images/1_07.jpg" width="165" height="14" alt=""></td>
        <td width="10" height="14">
            <img src="images/1_08.jpg" width="10" height="14" alt=""></td>
        <td width="38" height="14">
            <img src="images/1_09.jpg" width="38" height="14" alt=""></td>
        <td class="q2">
            <img src="images/1_10.jpg" width="4" height="14" alt=""></td>
        <td width="9" height="14">
            <img src="images/1_11.jpg" width="9" height="14" alt=""></td>
    </tr>
    <tr>
        <td width="8" height="25">
            <img src="images/1_12.jpg" width="8" height="25" 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 width="188" height="25">
            <img src="images/1_14.jpg" width="188" height="25" alt=""></td>
        <td width="155" height="25">
            <img src="images/1_15.jpg" width="155" height="25" alt=""></td>
        <td width="159" height="25">
            <img src="images/1_16.jpg" width="159" height="25" alt=""></td>
        <td width="152" height="25">
            <img src="images/1_17.jpg" width="152" height="25" 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 width="10" height="25">
            <img src="images/1_19.jpg" width="10" height="25" alt=""></td>
        <td width="38" height="25">
            <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" width="4" height="25" alt=""></td>
        <td width="9" height="25">
            <img src="images/1_22.jpg" width="9" height="25" alt=""></td>
    </tr>
    <tr>
        <td width="8" height="16">
            <img src="images/1_23.jpg" width="8" height="16" alt=""></td>
        <td class="q5">
            <img src="images/1_24.jpg" width="12" height="16" alt=""></td>
        <td width="188" height="16">
            <img src="images/1_25.jpg" width="188" height="16" alt=""></td>
        <td width="155" height="16">
            <img src="images/1_26.jpg" width="155" height="16" alt=""></td>
        <td width="159" height="16">
            <img src="images/1_27.jpg" width="159" height="16" alt=""></td>
        <td width="152" height="16">
            <img src="images/1_28.jpg" width="152" height="16" alt=""></td>
        <td width="165" height="16">
            <img src="images/1_29.jpg" width="165" height="16" alt=""></td>
        <td width="10" height="16">
            <img src="images/1_30.jpg" width="10" height="16" alt=""></td>
        <td width="38" height="16">
            <img src="images/1_31.jpg" width="38" height="16" alt=""></td>
        <td  class="q6">
            <img src="images/1_32.jpg" width="4" height="16" alt=""></td>
        <td width="9" height="16">
            <img src="images/1_33.jpg" width="9" height="16" alt=""></td>
    </tr>
    <tr>
        <td width="8" height="131">
            <img src="images/1_34.jpg" width="8" height="131" alt=""></td>
        <td class="q7">
            <img src="images/1_35.jpg" width="12" height="131" alt=""></td>
        <td width="188" height="131">
            <img src="images/1_36.jpg" width="188" height="131" alt=""></td>
        <td width="155" height="131">
            <img src="images/1_37.jpg" width="155" height="131" alt=""></td>
        <td width="159" height="131">
            <img src="images/1_38.jpg" width="159" height="131" alt=""></td>
        <td width="152" height="131">
            <img src="images/1_39.jpg" width="152" height="131" alt=""></td>
        <td width="165" height="131">
            <img src="images/1_40.jpg" width="165" height="131" alt=""></td>
        <td width="10" height="131">
            <img src="images/1_41.jpg" width="10" height="131" alt=""></td>
        <td width="38" height="131">
            <img src="images/1_42.jpg" width="38" height="131" alt=""></td>
        <td  class="q8">
            <img src="images/1_43.jpg" width="4" height="131" alt=""></td>
        <td width="9" height="131">
            <img src="images/1_44.jpg" width="9" height="131" alt=""></td>
    </tr>
    <tr>
        <td width="8" height="121">
            <img src="images/1_45.jpg" width="8" height="121" alt=""></td>
        <td class="q9"> 
            <img src="images/1_46.jpg" width="12" height="121" alt=""></td>
        <td width="188" height="121">
            <img src="images/1_47.jpg" width="188" height="121" alt=""></td>
        <td width="155" height="121">
            <img src="images/1_48.jpg" width="155" height="121" alt=""></td>
        <td width="159" height="121">
            <img src="images/1_49.jpg" width="159" height="121" alt=""></td>
        <td width="152" height="121">
            <img src="images/1_50.jpg" width="152" height="121" alt=""></td>
        <td width="165" height="121">
            <img src="images/1_51.jpg" width="165" height="121" alt=""></td>
        <td width="10" height="121">
            <img src="images/1_52.jpg" width="10" height="121" alt=""></td>
        <td width="38" height="121">
            <img src="images/1_53.jpg" width="38" height="121" alt=""></td>
        <td  class="q10">
            <img src="images/1_54.jpg" width="4" height="121" alt=""></td>
        <td width="9" height="121">
            <img src="images/1_55.jpg" width="9" height="121" alt=""></td>
    </tr>
    <tr>
        <td width="8" height="70">
            <img src="images/1_56.jpg" width="8" height="70" alt=""></td>
        <td class="q11">
            <img src="images/1_57.jpg" width="12" height="70" alt=""></td>
        <td width="188" height="70">
            <img src="images/1_58.jpg" width="188" height="70" alt=""></td>
        <td width="155" height="70>
        
        <a href="index.html">
                
        <a href="index.php"><img src="images/1_59.jpg" width="155" height="70"    
onmouseover="this.src='images/2_59.jpg';" onmouseout="this.src='images/1_59.jpg';" border="0" alt="Главная"></a></td>
        <td width="159" height="70">
            <a href="zakaz.php"><img src="images/1_60.jpg" width="159" height="70"   
onmouseover="this.src='images/2_60.jpg';" onmouseout="this.src='images/1_60.jpg';" border="0" alt="Заказать"></a></td>
        <td width="152" height="70">
            <a href="price.php"><img src="images/1_61.jpg" width="152" height="70"   
onmouseover="this.src='images/2_61.jpg';" onmouseout="this.src='images/1_61.jpg';" border="0" alt="Прайс-лист"></a></td>
        <td width="165" height="70">
            <a href="contakt.php"><img src="images/1_62.jpg" width="165" height="70"   
onmouseover="this.src='images/2_62.jpg';" onmouseout="this.src='images/1_62.jpg';" border="0" alt="Контакты"></a></td>
        <td width="10" height="70">
            <img src="images/1_63.jpg" width="10" height="70" alt=""></td>
        <td width="38" height="70">
            <img src="images/1_64.jpg" width="38" height="70" alt=""></td>
        <td class="q12">
            <img src="images/1_65.jpg" width="4" height="70" alt=""></td>
        <td width="9" height="70">
            <img src="images/1_66.jpg" width="9" height="70" alt=""></td>
    </tr>
 
</table>


CSS:

.q1{background: url("../images/1_02.jpg"); background-repeat: repeat-x;}
.q2{background: url("../images/1_10.jpg"); background-repeat: repeat-x;}
.q3{background: url("../images/1_13.jpg"); background-repeat: repeat-x;}
.q4{background: url("../images/1_21.jpg"); background-repeat: repeat-x;}
.q5{background: url("../images/1_24.jpg"); background-repeat: repeat-x;}
.q6{background: url("../images/1_32.jpg"); background-repeat: repeat-x;}
.q7{background: url("../images/1_35.jpg"); background-repeat: repeat-x;}
.q8{background: url("../images/1_43.jpg"); background-repeat: repeat-x;}
.q9{background: url("../images/1_46.jpg"); background-repeat: repeat-x;}
.q10{background: url("../images/1_54.jpg"); background-repeat: repeat-x;}
.q11{background: url("../images/1_57.jpg"); background-repeat: repeat-x;}
.q12{background: url("../images/1_65.jpg"); background-repeat: repeat-x;}
.w1{background: url("../images/полоса_03.jpg"); background-repeat: repeat-x;}
.w2{background: url("../images/полоса_12.jpg"); background-repeat: repeat-x;}

  Ответить  
 
 автор: АЯ   (19.11.2010 в 13:16)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 12:27)
 

1. Сразу бросается в глаза, что во всех строках CSS много лишних буковок.

Поясняю:
{background: url("../images/1_02.jpg"); background-repeat: repeat-x;} - это ПЛОХО

{background: url("../images/1_02.jpg") repeat-x;} - это ХОРОШО

----

2. Далее - у тега <BODY> нет атрибутов, коими Вы его наградили.
Он их просто НЕ ПОНИМАЕТ и потому - игнорирует.

Поясняю:
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> - это ПЛОХО
 
<body style="background-color: #FFF; margin: 0"> - это ХОРОШО
Ибо leftmargin и topmargin - поймёт только MSIE,
а marginwidth и marginheight - не поймёт НИКТО (это атрибуты тегов <FRAME> и <IFRAME>, но никак не тега <BODY>).
-----

Остальное пока не смотрел.

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 13:31)   письмо автору
  
   для: АЯ   (19.11.2010 в 13:16)
 

Поменял, все как вы сказали! Но это не помогло растянуть на Explorere

  Ответить  
 
 автор: АЯ   (19.11.2010 в 13:36)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 13:31)
 

А я разве где-то написал, что это Вам поможет?

Я написал о том, что "сразу бросилось в глаза"...

Ну вот как бы, если Вы вошли в кабинет врача без штанов, но с головной болью.
С Вашей головной болью врач, разумеется, разберётся.
Но попозже...
А прежде всего он поинтересуется Вашей "бесштанностью" :-)

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 13:40)   письмо автору
  
   для: АЯ   (19.11.2010 в 13:36)
 

Спасибо большое! Я понял :)
Почему Opera нормально воспринимает, а Explorer -нет

Заметил такую штуку - в Explorere в правом нижнем углу можно менять масштаб страницы. Во всех масштабах кроме 100% отображаеться хорошо (растягиваеться по ширине)


Помогите с проблемой, очень прошу!

  Ответить  
 
 автор: АЯ   (19.11.2010 в 14:29)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 13:40)
 

Давайте всё же сначала "штаны оденем" :-)

Продолжу:

3. Тег <META http-equiv="Content-Type"> указывает, в какой кодировке необходимо отражать ВЕСЬ документ.
Подчёркиваю - ВЕСЬ! Включая и заголовок (тайтл) страницы.

Поясняю:
<title>Главная - Тартуга</title><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> - это ПЛОХО

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Главная - Тартуга</title> - это ХОРОШО
И этот порядок Вам надо запомнить НАВСЕГДА.
Если, конечно, не хотите, чтобы заголовок страницы, в отличие от самой
страницы, отображался "кракозяблами".

-----
4. Атрибуты тегов, кои имеют аналоги в CSS, должны оформляться правилами CSS.
И это даже не потому, что все эти атрибуты объявлены в спецификации HTML4 как deprecated,
а ПОТОМУ, что расчёты линейных размеров тегов в процентах осуществляются в рамках
динамической модели, где правила стиля имеют приоритет.

Поясняю. Запустите в любом браузере следующий код:
<html>
<head>
<style>
table {width: 80%}
</style>
</head>
<body>
<table border="1" width="20%">
<tr><td>Ну и<br>
СКОЛЬКО процентов<br>
В РЕАЛЕ?</td></tr>
</table>
</body>
</html>

Надеюсь, Вам понятно теперь, что ВСЕ Ваши атрибуты height и width у ВСЕХ тегов
(<TABLE>, <TD>, <IMG>...) необходимо переписать в виде style="width: xxx; height: yyy" ?
-----

5. Теги <TR> и <TD> по умолчанию являются блочными тегами.
HTML-верстка допускает вложение одного ЛЮБОГО блока внутрь ЛЮБОГО другого блока.
Но существуют исключения. Одно из них - внутри блока <TR> могут быть вложены ТОЛЬКО блоки <TD>.
Иными словами - НЕЛЬЗЯ вставлять блок <FORM> внутрь блока <TR>.
-----

Я здесь не буду давать Вам совет - как именно от этой Вашей ошибки (см. п.5) избавиться -
способов много, выберите САМИ.

Скажу только ОДНО - покуда Вы не устраните Ваши ошибки, перечисленные мною в пп.4 и 5,
НЕТ НИКАКОГО смысла искать причину "нерастягивания в MSIE".
Ибо надо будет учитывать не стандартное поведение браузера, а извращённое.
Размеры объектов Вашей страницы сейчас браузерами (любыми) пересчитываются "через Альпы":-)
Определять - какой из браузеров лучше всего "выходит из положения", в кое Вы его своей вёрсткой "загнали",
совершенно непродуктивно.
Ибо любая следующая версия любого браузера тоже может заклинить, когда будет определять
размеры и положение тегов на Вашей странице.

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 15:43)   письмо автору
  
   для: АЯ   (19.11.2010 в 14:29)
 

А так будет правильно?
<link href="css/style.css" rel="stylesheet" type="text/css">


<td class="r1">
<img class="t1" src="images/1_14.jpg" alt=""></td>


style.css:

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



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

  Ответить  
 
 автор: АЯ   (19.11.2010 в 16:11)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 15:43)
 

>"так будет правильно?"
.r1{ width:188; height:25;}
.t1{ width:188; height:25;}


Нет, неправильно.
В правилах стиля необходимо указывать размерность (причём слитно с её значением):
.r1{ width:188px; height:25px;}
.t1{ width:188px; height:25px;}

-----

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

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

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 16:18)   письмо автору
  
   для: АЯ   (19.11.2010 в 16:11)
 

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

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

<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;}


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

  Ответить  
 
 автор: АЯ   (19.11.2010 в 16:35)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 16:18)
 

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

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

Таблицы строятся, исходя из внутренних (встроенных в браузер) приоритетов.
Ваши указания размеров, они браузером, разумеется, учитываются.
Но, в первую очередь, браузер исполняет ЗАДАЧУ НОМЕР ОДИН: "Всё должно быть видно!"
Поясняю:
<table style="width: 100px" border="1">
<tr><td><img style="width: 200px; height: 50px"></td></tr>
</table>

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

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

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 17:15)   письмо автору
  
   для: АЯ   (19.11.2010 в 16:35)
 

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

<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;}

  Ответить  
 
 автор: АЯ   (19.11.2010 в 17:31)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 17:15)
 

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

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

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

  Ответить  
 
 автор: RuslanMRP   (19.11.2010 в 17:37)   письмо автору
  
   для: АЯ   (19.11.2010 в 17:31)
 

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

<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>

  Ответить  
 
 автор: АЯ   (19.11.2010 в 17:43)   письмо автору
  
   для: RuslanMRP   (19.11.2010 в 17:37)
 

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

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

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

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

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

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

  Ответить  
 
 автор: RuslanMRP   (20.11.2010 в 10:35)   письмо автору
  
   для: АЯ   (19.11.2010 в 17:43)
 

Извините не заметил, я только начинаю все изучать и все тонкости еще не понимаю. Спасибо вам за терпение и помощь! Так правильно? Я думаю что нет! т.к. форма начинаеться в одной ячейки а заканчиваеться в другой. Но как я могу сделать по другому, если одна ячейка у меня это поле - 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>

  Ответить  
 
 автор: RuslanMRP   (20.11.2010 в 15:14)   письмо автору
  
   для: АЯ   (19.11.2010 в 17:31)
 

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

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

  Ответить  
 
 автор: kosta_in_net   (26.11.2010 в 03:14)   письмо автору
  
   для: RuslanMRP   (20.11.2010 в 15:14)
 

похоже АЯ устал разьяснять. А я давно на сайт не заходил. Теперь же в указаном месте никакой формы нет - и не посмотришь. Но есть предложение: юзать 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. Думаю, это сильно поможет в следующий раз.

  Ответить  
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования