Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.06.2012, 09:19
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Выравнял код, после IE стал криво отображать таблицу.
Здравствуйте, такая ситуация, начал выравнивать HTML код через онлайн сервисы JS beautifier, сделало отступы все красиво, но в IE таблицу потянуло, стали большие отступы.

Выравнивать назад руками очень трудоемко, может есть альтернатива ?
Кто сталкивался, подскажите как исправить плиз.
Ответить с цитированием
  #2 (permalink)  
Старый 20.06.2012, 09:34
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

lamer,
ссылка есть ? (Неудобно лечить зубы по описанию зубов
Ответить с цитированием
  #3 (permalink)  
Старый 20.06.2012, 10:22
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от Deff Посмотреть сообщение
lamer,
ссылка есть ? (Неудобно лечить зубы по описанию зубов
Оригинал:
<html>

<head>
</head>

<body>
<table cellpadding="0" cellspacing="0" border="0" width="155">
<tr>
<td bgcolor="#ffffff"><img src="cms/images/1.gif" width="1" height="1" border="0" alt=""></td>
<td bgcolor="#EEEEEE" width="155px">
<table cellpadding="0" cellspacing="0" border="0" width="155" >
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="155" height="1" border="0" alt=""></td>

</tr>
<tr style="background-image:url(cms/images/bg_gelb.gif)">
<td valign="top" width="10px" style="padding:5px 1px 5px 4px"><img src="cms/images/3.gif" width="10" height="14" border="0" alt=""></td>
<td colspan="2" width="137" align="left" style="padding:5px 5px 5px 0px;">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>

<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>

</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>

<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>

<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>

<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
<tr>
<td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
<td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
<a class="nav1neu" href="javascript:void(0);">INDEX</a></td>

</tr>
<tr>
<td colspan="3" bgcolor="#cccccc"><img src="cms/images/1.gif" width="100%" height="1px" border="0" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="155px" colspan="2"><img src="cms/images/1.gif" width="155" height="6" border="0" alt=""></td>
</tr>
</table>
</body>
</html>

Последний раз редактировалось lamer, 20.06.2012 в 10:27.
Ответить с цитированием
  #4 (permalink)  
Старый 20.06.2012, 10:22
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Выровнял:
<html>

<head>
</head>

<body>
<table cellpadding="0" cellspacing="0" border="0" width="155">
   <tr>
      <td bgcolor="#ffffff">
         <img src="cms/images/1.gif" width="1" height="1" border="0" alt="">
      </td>
      <td bgcolor="#EEEEEE" width="155px">
         <table cellpadding="0" cellspacing="0" border="0" width="155">
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="155" height="1" border="0" alt="">
               </td>
            </tr>
            <tr style="background-image:url(cms/images/bg_gelb.gif)">
               <td valign="top" width="10px" style="padding:5px 1px 5px 4px">
                  <img src="cms/images/3.gif" width="10" height="14" border="0"
                  alt="">
               </td>
               <td colspan="2" width="137" align="left" style="padding:5px 5px 5px 0px;">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
            <tr>
               <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
                  <img src="cms/images/3.gif" width="10px" height="14px" border="0"
                  alt="">
               </td>
               <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
                  <a class="nav1neu" href="javascript:void(0);">INDEX</a>
               </td>
            </tr>
            <tr>
               <td colspan="3" bgcolor="#cccccc">
                  <img src="cms/images/1.gif" width="100%" height="1px" border="0" alt="">
               </td>
            </tr>
         </table>
      </td>
   </tr>
   <tr>
      <td width="155px" colspan="2">
         <img src="cms/images/1.gif" width="155" height="6" border="0" alt="">
      </td>
   </tr>
</table>
</body>
</html>


Причина именно в этих блоках:
<tr>
  <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
    <img src="cms/images/3.gif" width="10px" height="14px" border="0" alt="">
  </td>
  <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
    <a class="nav1neu" href="javascript:void(0);">INDEX</a>
  </td>
</tr>


Если же сделать вот так то IE отображает коректно:
<tr>
  <td valign="top" style="padding:5px 0px 5px 4px;" width="10px"><img src="cms/images/3.gif" width="10px" height="14px" border="0" alt=""></td>
  <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px"><a class="nav1neu" href="javascript:void(0);">INDEX</a></td>
</tr>


Почему так ?

Последний раз редактировалось lamer, 20.06.2012 в 10:26.
Ответить с цитированием
  #5 (permalink)  
Старый 20.06.2012, 10:42
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

lamer,
А можно чуть пояснить назначения строчных тегов td? (каждого из них - имхо может достаточно менее ?
<tr>
  <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
    <img src="cms/images/3.gif" width="10px" height="14px" border="0" alt="">
  </td>
  <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
    <a class="nav1neu" href="javascript:void(0);">INDEX</a>
  </td>
</tr>


Ксать это тож глючит в Ие ? http://hostjs-mybb2011.narod.ru/dlyaLamer.htm
Ответить с цитированием
  #6 (permalink)  
Старый 20.06.2012, 18:17
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от Deff Посмотреть сообщение
lamer,
А можно чуть пояснить назначения строчных тегов td? (каждого из них - имхо может достаточно менее ?
<tr>
  <td valign="top" style="padding:5px 0px 5px 4px;" width="10px">
    <img src="cms/images/3.gif" width="10px" height="14px" border="0" alt="">
  </td>
  <td colspan="2" align="left" style="padding:5px 5px 5px 0px;" width="137px">
    <a class="nav1neu" href="javascript:void(0);">INDEX</a>
  </td>
</tr>


Ксать это тож глючит в Ие ? http://hostjs-mybb2011.narod.ru/dlyaLamer.htm

Эти таблицы с шаблонов, я их не писал, просто верстал и переделывал шаблон, хотел чтоб код красивее выглядел, выравнял его и вот такая штука вышла корявая.

Ваш пример тоже криво вижу:


А вот если просматриваю свой код который я на форуме разместил то в IE он хорошо отображается, не чего не понимаю
Ответить с цитированием
  #7 (permalink)  
Старый 20.06.2012, 20:05
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Сообщение от lamer
Ваш пример тоже криво вижу:
Криво вы видите - посколь адреса картинок обрезанные и не отображаются
Ответить с цитированием
  #8 (permalink)  
Старый 20.06.2012, 20:34
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от Deff Посмотреть сообщение
Криво вы видите - посколь адреса картинок обрезанные и не отображаются
Даже когда адреса полные эффект такой же.
Да и в FF то все нормально отображается.
Ответить с цитированием
  #9 (permalink)  
Старый 20.06.2012, 20:53
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

lamer,
Перезалейте картинки сюда => http://uploads.ru/ (можно сразу группой) по первой и удерживая шифт по последней и итоговый скриншот -как надо
Ответить с цитированием
  #10 (permalink)  
Старый 21.06.2012, 05:25
Профессор
Отправить личное сообщение для lamer Посмотреть профиль Найти все сообщения от lamer
 
Регистрация: 08.02.2012
Сообщений: 216

Сообщение от Deff Посмотреть сообщение
lamer,
Перезалейте картинки сюда => http://uploads.ru/ (можно сразу группой) по первой и удерживая шифт по последней и итоговый скриншот -как надо
http://s1.uploads.ru/i/j/y/0/jy0Bd.jpg
http://s1.uploads.ru/i/f/u/o/fuoQv.jpg
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Код при котором пользователь после оплаты на сайте переходил на нужную страницу сайта mvi10 Общие вопросы Javascript 1 24.04.2012 02:03
Выполнить код после обработки скрипта RasimS Общие вопросы Javascript 2 11.02.2011 15:25
Выполнить код после загрузки изображения EugenyK Events/DOM/Window 2 15.07.2008 10:09