Брит Опубликовано 12 Сентября 2006 Жалоба Поделиться Опубликовано 12 Сентября 2006 Всем доброго времени суток. Значит у меня такая проблема: Есть логотип, порезанный Фотошопом автоматически и сгенерирован ХТМЛ-код в виде таблицы, что б всё красивенько лежало.... В обычном хтмл-файле, отдельно от всего лого открывается отлично! без проблем в любых браузерах.. А в ИПБ (кроме файрфокса) появляются ненужные спейсы между частями картинок (как при конфликте вложенных таблиц), а также некоторые части вообще сдвинуты на пару пикселей в сторону.... Подскажите, как с этой бедой быть? В Опере и в Фаерворксе смотрится отлично, а в ИЕ - ну просто ужасно! Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
Tim Опубликовано 12 Сентября 2006 Жалоба Поделиться Опубликовано 12 Сентября 2006 попробуй так:<table cellspacing="0" cellpadding="0" border="0"> Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
Saider Опубликовано 12 Сентября 2006 Жалоба Поделиться Опубликовано 12 Сентября 2006 Парень, издеваешся, да?))) Идея есть, возможно... дело в том, что как вы знаете нарезка от Фотошопа выравнивает картинку в таблице с помощью одно-пиксельного рисунка spacer.gif, растянутого до нужной длины.. возможно ИЕ просто глюк ловит на нём? Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
.silent Опубликовано 12 Сентября 2006 Жалоба Поделиться Опубликовано 12 Сентября 2006 Чувак, болтать можно сколько угодно, но без приведенного кода или url топик растянется на полгода. Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
Saider Опубликовано 12 Сентября 2006 Жалоба Поделиться Опубликовано 12 Сентября 2006 Приведу код: <table id="Table_01" height="176" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="style_images/new/logo_01.jpg" width="166" height="5" alt=""></td> <td rowspan="3"> <img src="style_images/new/logo_02.jpg" width="111" height="86" alt=""></td> <td rowspan="6"> <img src="style_images/new/logo_03.jpg" width="10" height="175" alt=""></td> <td rowspan="6"> <img src="style_images/new/logo_04.jpg" width="6" height="175" alt=""></td> <td rowspan="6"> <img src="style_images/new/logo_05.jpg" width="5" height="175" alt=""></td> <td colspan="2" rowspan="2"> <img src="style_images/new/logo_06.jpg" width="120" height="61" alt=""></td> <td colspan="3" rowspan="2"> <img src="style_images/new/logo_07.jpg" width="122" height="61" alt=""></td> <td colspan="3" rowspan="2"> <img src="style_images/new/logo_08.jpg" width="122" height="61" alt=""></td> <td colspan="3" rowspan="2"> <img src="style_images/new/logo_09.jpg" width="138" height="61" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="5" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="style_images/new/logo_10.jpg" width="166" height="81" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="56" alt=""></td> </tr> <tr> <td rowspan="2"> <A HREF="index.php" onMouseOver="over1();" onMouseOut="out1();"> <img src="style_images/new/logo_11.jpg" name="pic1" border="0" width="64" height="75" alt=""></a></td> <td colspan="2" rowspan="2"> <A HREF="index.php" onMouseOver="over2();" onMouseOut="out2();"> <img src="style_images/new/logo_12.jpg" name="pic2" border="0" width="61" height="75" alt=""></a></td> <td rowspan="2"> <A HREF="index.php" onMouseOver="over3();" onMouseOut="out3();"> <img src="style_images/new/logo_13.jpg" name="pic3" border="0" width="61" height="75" alt=""></a></td> <td colspan="2" rowspan="2"> <A HREF="index.php" onMouseOver="over4();" onMouseOut="out4();"> <img src="style_images/new/logo_14.jpg" name="pic4" border="0" width="63" height="75" alt=""></a></td> <td rowspan="2"> <A HREF="index.php" onMouseOver="over5();" onMouseOut="out5();"> <img src="style_images/new/logo_15.jpg" name="pic5" border="0" width="64" height="75" alt=""></a></td> <td colspan="2" rowspan="2"> <A HREF="index.php" onMouseOver="over6();" onMouseOut="out6();"> <img src="style_images/new/logo_16.jpg" name="pic6" border="0" width="63" height="75" alt=""></a></td> <td rowspan="2"> <A HREF="index.php" onMouseOver="over7();" onMouseOut="out7();"> <img src="style_images/new/logo_17.jpg" name="pic7" border="0" width="67" height="75" alt=""></a></td> <td rowspan="2"> <img src="style_images/new/logo_18.jpg" width="59" height="75" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="25" alt=""></td> </tr> <tr> <td rowspan="3"> <img src="style_images/new/logo_19.jpg" width="166" height="89" alt=""></td> <td rowspan="3"> <img src="style_images/new/logo_20.jpg" width="111" height="89" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="50" alt=""></td> </tr> <tr> <td colspan="5"> <img src="style_images/new/logo_21.jpg" width="242" height="1" alt=""></td> <td colspan="3" rowspan="2"> <img src="style_images/new/logo_22.jpg" width="122" height="39" alt=""></td> <td colspan="3" rowspan="2"> <img src="style_images/new/logo_23.jpg" width="138" height="39" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="1" alt=""></td> </tr> <tr> <td colspan="2"> <img src="style_images/new/logo_24.jpg" width="120" height="38" alt=""></td> <td colspan="3"> <img src="style_images/new/logo_25.jpg" width="122" height="38" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="1" height="38" alt=""></td> </tr> <tr> <td> <img src="style_images/new/spacer.gif" width="166" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="111" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="10" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="6" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="64" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="56" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="5" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="61" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="56" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="7" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="64" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="51" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="12" height="1" alt=""></td> <td> <img src="imstyle_images/newages/spacer.gif" width="67" height="1" alt=""></td> <td> <img src="style_images/new/spacer.gif" width="59" height="1" alt=""></td> <td></td> </tr> </table> И скрин с браузера ИЕ:http://img236.imageshack.us/img236/536/screenlogorj7.jpg Ещё раз оговорюсь.. Файрфокс лого отображает нормально! Возможно, в ИЕ есть ещё какие-то особенности, что я не учёл? Вариант с пустыми тегами "<td></td>" - отпадает, ибо проверял.... хельп) Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
FatCat Опубликовано 13 Сентября 2006 Жалоба Поделиться Опубликовано 13 Сентября 2006 Убери все пробелы и разрывы строк между <td> и <img ...> Например, вместо кода <td> <img src="style_images/new/logo_01.jpg" width="166" height="5" alt=""></td>сделай:<td><img src="style_images/new/logo_01.jpg" width="166" height="5" alt=""></td> Рви строки внутри тегов, а не между тегами. Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
Saider Опубликовано 13 Сентября 2006 Жалоба Поделиться Опубликовано 13 Сентября 2006 нет, FatCat, не помогло...да и браузер, насколько мне известно не "оперирует" пробелами между тегами вообще! ------ попробую пере-нарезать лого ------есть подозрения, что конфликт происходит из-за слегка нелогичного распределения частей картинки в тегах <td></td> и <tr></tr> Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
FatCat Опубликовано 14 Сентября 2006 Жалоба Поделиться Опубликовано 14 Сентября 2006 да и браузер, насколько мне известно не "оперирует" пробелами между тегами вообще!С этого начинаются книжки типа "ХыТыМыЫл для чайников" есть подозрения, что конфликт происходит из-за слегка нелогичного распределения частей картинки вЕсли HTML в статичной странице смотрится нормально, и начинает глючить в форуме, этому могут быть как минимум две причины:css форума и мерзкая строчка кода:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Дай линк на страницу, чтобы можно было посмотреть не скриншот, а саму страничку, и сразу полазить по сорцам. Цитата Ссылка на комментарий Поделиться на других сайтах Прочее
Рекомендуемые сообщения
Присоединиться к обсуждению
Вы можете ответить сейчас, а зарегистрироваться позже. Если у вас уже есть аккаунт, войдите, чтобы ответить от своего имени.