begin
-
Posts
20 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by begin
-
-
а какой именно вариант работает? первый или второй?
вот полный код таблицы:
<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
-
-
У меня на сайте используется для фона гифка очень большого размера (высота 20 тысяч пикселей). Меньше никак нельзя - особенность дизайна. Но она очень сжата и весит всего 80 килобайт.
IE отказывается такой фон показывать, и даже не грузит эту картинку по прямой ссылке на нее..
Что, есть какое то ограничение у него на эти случаи??
-
Если у вас в td только картинки (без текста) попробуйте поставить на каждый из них font-size: 1px
Меня именно это спасало миллионы раз.
Я в шоке.. Помогло!!!
Спасибо! Блин, но как до этого можно догадаться? Это очередной глюк наших обожаемых браузеров?
-
Вы ведь можете сложить сами на калькуряторе - все сойдется..
Наверное ошибка все таки не в числах?
-
Сделал для сайта меню: есть таблица с фоном (нарисована шапка и кнопки). В ее единственной ячейке с выравниваем вправо вставлена таблица, которая содержим прозрачные гифы, которые по задумке должны лежать четко над нарисованными кнопками и быть ссылками. Все высчитал до пиксела. Сумма ширин ячеек или гифов равна ширине таблицы. Вот код:
<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>Никак не пойму, в чем дело???
рисунок не прижимается вправо
in HTML Coding
Posted
вставляю рисунок так:
стили прописаны так:
но рисунок располагается по центру, а не справа