begin

вставляю рисунок так: <div class='rightim'><img class='face' src='images/1.jpg'></div> стили прописаны так: img.face {border-width:0px; border-color:#3300cc; border-style:solid; display: block;} div.rightim {text-align:right; vertical-align:top; margin:0px; padding:0px;} но рисунок располагается по центру, а не справа

а какой именно вариант работает? первый или второй? вот полный код таблицы: <table class='top' width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td colspan='5' align='left'> <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td align='left' width='400'> здесь флешка шириной 400 </td> <td align='center'> здесь флешка шириной 200 </td> <td align='right' width='400'> здесь флешка шириной 400 </td> </tr> </table> </td> </tr> <tr> <td rowspan='2' width='160' align='center' valign='top'> <table width='160' border='0' cellpadding='0' cellspacing='0'> <tr> <td valign='top'> здесь флешка шириной 160 </td> </tr> <tr> <td valign='top'> <table class='left' border='0' cellpadding='0' cellspacing='0'> <tr> <td valign='top'> здесь флешка шириной 160 </td> </tr> </table> </td> </tr> </table> </td> <td colspan='4' valign='top' align='left'> <table border='0' height='40' cellpadding='0' cellspacing='0'> <tr height='20'> <td colspan='7'> <img class='face' src='images/spacer.gif' width='10' height='20'> </td> </tr> <tr height='20'> <td> <img class='face' src='images/spacer.gif' width='130' height='20'> </td> <td> <a title='' href='9.php'><img class='face' src='images/spacer.gif' width='70' height='20'></a> </td> <td> <a title='' href='10.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a> </td> <td> <a title='' href='11.php'><img class='face' src='images/spacer.gif' width='60' height='20'></a> </td> <td> <a title='' href='12.php'><img class='face' src='images/spacer.gif' width='65' height='20'></a> </td> <td> <a title='' href='13.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a> </td> <td> <a title='' href='14.php'><img class='face' src='images/spacer.gif' width='90' height='20'></a> </td> </tr> </table> </td> </tr> <tr> <td width='10'> <img class='face' src='images/spacer.gif' width='10' height='10'> </td> <td width='*'> <table width='100%' border='3' cellpadding='0' cellspacing='0'> <tr> <td width='100%'> контент, который должен занимать оставшуюся ширину 100%-160 (левая колонка) - 160 (правая колонка) - 10 (левая пустая колонка-отступ) - 10 (правая пустая колонка-отступ) пикселей </td> </tr> </table> </td> <td> <img class='face' src='images/spacer.gif' width='10' height='10'> </td> <td align='right' width='160'> <table align='right' width='160' border='0' cellpadding='0' cellspacing='0'> <tr> <td valign='top'> <table border='0' cellpadding='0' cellspacing='0'> <tr> <td> <div id="flashcontent5"> </div> <script type="text/javascript"> var so = new SWFObject("flash/3.swf","01","160","67","7","#ffffff"); so.addParam("wmode", "transparent"); so.write("flashcontent5"); </script> </td> </tr> <tr height='24'> <td valign='top'> <a title='' href='15.php'><img class='face' src='images/12.jpg' width='160' height='24'></a> </td> </tr> <tr height='26'> <td valign='bottom'> <a title='' href='16.php'><img class='face' src='images/13.jpg' width='160' height='24'></a> </td> </tr> <tr height='26'> <td valign='bottom'> <a title='' href='17.php'><img class='face' src='images/14.jpg' width='160' height='24'></a> </td> </tr> <tr height='26'> <td valign='bottom'> <a title='' href='18.php'><img class='face' src='images/15.jpg' width='160' height='24'></a> </td> </tr> <tr height='26'> <td valign='bottom'> <a title='' href='19.php'><img class='face' src='images/16.jpg' width='160' height='24'></a> </td> </tr> <tr> <td valign='bottom'> <div id="flashcontent6"> </div> <script type="text/javascript"> var so = new SWFObject("flash/4.swf","01","160","67","7","#ffffff"); so.addParam("wmode", "transparent"); so.write("flashcontent6"); </script> </td> </tr> </table> </td> </tr> <tr> <td> <center> <a title='' href='20.php'><img class='face' src='adv/17.jpg' width='120' height='500'></a> <div id="flashcontent7"> </div> <script type="text/javascript"> var so = new SWFObject("flash/5.swf","01","160","150","7","#ffffff"); so.addParam("wmode", "transparent"); so.write("flashcontent7"); </script> </center> </td> </tr> </table> </td> </tr> <tr> <td colspan='5'> <table class='bottom' width='100%' height='120' cellpadding='0' cellspacing='0'> <tr> <td valign='bottom'> <div class='bottomleft'><a class='bottom' href='index.php'>? Все права защищены</a></div> </td> <td align='right' valign='bottom'> <table class='bottomright' height='120' cellpadding='0' cellspacing='0'> <tr> <td valign='bottom'> <div class='bottomright'><a class='bottom' href='http://...'>Сделано ...</a></div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>

оба варианта не работают (( ни явное задание ширины ячейки, ни вставка в нее таблицы с заданной шириной - ничего не помогает ((

Сайт сверстан таблицей из трех колонок. Крайние колонки ограничены шириной 160 пикселей, а средняя должна растягиваться на оставшуюся ширину экрана. Т.е. сайт должен быть резиновым. И везде это работает, но только не в IE. Если я задаю ширину любой ячейки в средней колонке = 100% - то таблица уходит за пределы экрана. Если не задаю - сжимается до одиноковой ширины с крайними колонками. Если вкладываю в нее (в любую ячейку в средней колонке) таблицу с шириной 100% - все равно не помогает. Вот код: <table width='100%' border='0' cellpadding='0' cellspacing='0'> <tr> <td width='160'> текст </td> <td> <table width='100%' cellpadding='0' cellspacing='0'> <tr> <td> текст </td> </tr> </table> </td> <td width='160'> текст </td> </tr> </table>

png ))) хорошая шутка.. уйду от проблемы с загрузкой и получу головняк с отображением этого формата )) нет уж спасибо нужно решать проблему как то по-другому

мы ведь здесь не это обсуждаем, правда? и не флудим я спросил насчет отображения в IE

http://oknapassage.lg.ua/test/110.gif

У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт. IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее.. Что, есть какое то ограничение у него на эти случаи??

Я в шоке.. Помогло!!! Спасибо! Блин, но как до этого можно догадаться? Это очередной глюк наших обожаемых браузеров?

Вы ведь можете сложить сами на калькуряторе - все сойдется.. Наверное ошибка все таки не в числах?

Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код: <td align='right'> <table width='975' border='0' cellpadding='0' cellspacing='0'> <tr height='85'> <td width='71'> <a target='_parent' href='1.php'><img class='face' src='images/spacer.gif' width='71' height='85'></a> </td> <td width='79'> <a target='_parent' href='2.php'><img class='face' src='images/spacer.gif' width='79' height='85'></a> </td> <td width='73'> <a target='_parent' href='3.php'><img class='face' src='images/spacer.gif' width='73' height='85'></a> </td> <td width='94'> <a target='_parent' href='4.php'><img class='face' src='images/spacer.gif' width='94' height='85'></a> </td> <td width='100'> <a target='_parent' href='5.php'><img class='face' src='images/spacer.gif' width='100' height='85'></a> </td> <td width='105'> <a target='_parent' href='6.php'><img class='face' src='images/spacer.gif' width='105' height='85'></a> </td> <td width='64'> <a target='_parent' href='7.php'><img class='face' src='images/spacer.gif' width='64' height='85'></a> </td> <td align='left' width='389'> <a target='_parent' href='8.php'><img class='face' src='images/spacer.gif' width='389' height='85'></a> </td> </tr> </table> </td> Для класса img.face все отступы выставлены на нули в css. Вроде бы все правильно и точно. Но тем не менее в Опере и Файрфоксе самая правая ячейка оказывается примерно на 60 пикселей шире и тем самым растягивает таблицу, смещая все остальные ячейки влево.. Подскажите, как решить эту проблему?

Такая ситуация: в плавающем фрейме у меня выводятся разные страницы. Все они используют один и тот же файл css, в котором для тега body не указан цвет фона или фон-картинка. Для фрейма атрибут: allowtransparency='true'. Но почему то одна из страниц упорно отображается с белым фоном, хотя остальные на прозрачном. Проверил уже все: все таблицы на странице прозрачные. Если пробовать задавать цвет и картинку фона для страницы, то действует. Если убрать эти атрибуты в css, то возникает белый фон.

У таблиц выставлена ширина 185. Возможно тут сыграло роль то, что фон у этих таблиц - png. А ведь именно IE не дружит с ним. Мне пришлось использовать для IE фильтр, чтобы воспользоваться прозрачным фоном. Самое интересное, что левая то таблица отображается нормально! Почему же правая не так?

Код уже огромный.. Одно могу точно сказать: правая таблица - точное зеркальное отражение левой (в смысле выравнивания и отступов). Перепроверил несколько раз.. Сейчас еще заметил: если включить рамку у правой таблицы, то видно - ее фон лежит правильно, без отступов, а рамка смещена влево!!!

На странице есть главная таблица, состоящая из трех колонок. В левой ячейке стоит выравнивание влево, в ячейке - таблица, у которой тоже включено выравнивание влево. В средней ячейке стоит выравнивание по центру, в ячейке - таблица, у которой тоже включено выравнивание по центру. В правой ячейке стоит выравнивание вправо, в ячейке - таблица, у которой тоже включено выравнивание вправо. В Опере и Лисе все отображается правильно, в IE в правой ячейке у таблицы появился отступ справа около 20 пикселей. Откуда он взялся и как его убрать? Пожалуйста, подскажите..

Мне нужно не просто скрыть полосы прокрутки в iframe, но и запретить прокрутку. Использую плавающие фреймы, содержимое помещается полностью - полосы прокрутки скрыл. Но в некоторых браузерах если покрутить колесико мышки - прокручивается содержимое. Всего на несколько пикселей, но все равно неприятно

Да, Влад, спасибо. Сделал почти так - у иконок сделал через css отступы слева, между иконкой и названием неразрывный пробел. Теперь все отступы правильные, а ссылки переносятся в нужных местах. P.S. Рядом открывал тему про неправильные отступы в таблице в IE. На нее так и не ответили нормально, а потом вообще перенесли в карзину. Почему? К счастью, я уже и сам все решил: используя все те же отступы в css (нужные блоки пришлось включить в тэг DIV, отступы для которого и заданы в таблице стилей)

На странице имеется меню, состоящее из названий разделов и иконок к ним. Код выглядит так: <a href='index.php?p=01' ><img src='01.jpg'> главная </a> <a href='index.php?p=02' ><img src='02.jpg'> форум </a> ....... <a href='index.php?p=20' ><img src='20.jpg'> галлерея </a> Неразрывный пробел ПЕРЕД текстом ссылки я поставил, чтобы отделить иконку от ссылки. А два неразрывных пробела после текста ссылки я поставил, чтобы отодвинуть ссылки друг от друга. Проблема теперь в том, что меню переносится в самых неожиданных местах (в разных браузерах - в разных местах): и между иконкой и ее названием, и между словами в названиях. Как этого избежать? Как сохранить правильные отступы и при этом правильные переносы?

Исправил, но не помогло! В чем же дело?!

Никак не могу удалить рамку вокруг ссылки-картинки в IE (у меня версия 6) Это код html: <a target='_self' href='index.php'> <img class='face' src='images/face/02.jpg' width='220' height='30'> </a> А это строки в CSS: a img {border: none;} image.face{padding:0; margin:0; border-width:0px; border-color:#006600; border-style:solid; align:center; vertical-align:middle;} Не работают и такие варианты: <a target='_self' href='index.php'> <img src='images/face/02.jpg' width='220' height='30'> </a> <a target='_self' href='index.php'> <img border='0' src='images/face/02.jpg' width='220' height='30'> </a> Никак не пойму, в чем дело???