Почему при использовании тегов типа <A hred=""><IMG SRC=""></A> кнопочки в MS IE Explorer6.0 обводятся сначала синей рамкой, а затем сиреневой (после нажатия)??
» Вопрос по HTML и MS IE Explorer6.0
сделай
Код:
<A HREF=""><IMG SRC="" border="0"></A>
Код:
<A HREF=""><IMG SRC="" border="0"></A>
Petrozza
Цитата:
Cпасибо большое
Ща попробую.. а вообще учусь на своих ошибках сам, так вот в Опере всё нормально и без этого параметра...
Добавлено
Всё заработало, спасибо ещё раз.
А вот ещё простенький наверное вопросик:
Когда я делаю гиперссылкой всю ячейеку <A HREF><TD>...</TD></A>, то тогда ячейки в строке почему-то не хотят стоять по горизонтали, а "выстраиваются" по вертикали... в чём дело? Ведь строка же а не столбец!
Цитата:
и рамка исчезнет....
Cпасибо большое
Ща попробую.. а вообще учусь на своих ошибках сам, так вот в Опере всё нормально и без этого параметра... Добавлено
Всё заработало, спасибо ещё раз.
А вот ещё простенький наверное вопросик:
Когда я делаю гиперссылкой всю ячейеку <A HREF><TD>...</TD></A>, то тогда ячейки в строке почему-то не хотят стоять по горизонтали, а "выстраиваются" по вертикали... в чём дело? Ведь строка же а не столбец!
рамка по умолчанию вокруг картинки со ссылкой имеет цвета ссылок-- какого цвета у тебя ссылка-- такого и рамка, то же самое касательно активной и посещенной ссылки...
это выставляется в атрибутах body, напр.
<body bgcolor="mistyrose" text="#000000" link="teal" vlink="darkgoldenrod" alink="mediumturquoise">
или css'ами
касательно ячеек-- за пределы TD можно выносить только FORM (во избежание некоторых возможных глюков), а все остальное может быть только ВНУТРИ ячейки (текст, ссылки, картинки и тп)
<a href=""> -- тэг внутри которого могут находится только:
-- текст
-- тэги: tt, i, b, s, strike, big, small;
-- em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym
-- упрявляющие элементы форм:
input, select, textarea, label, button
это если верить стандарту HTML 4.01 от w3.org
это выставляется в атрибутах body, напр.
<body bgcolor="mistyrose" text="#000000" link="teal" vlink="darkgoldenrod" alink="mediumturquoise">
или css'ами
касательно ячеек-- за пределы TD можно выносить только FORM (во избежание некоторых возможных глюков), а все остальное может быть только ВНУТРИ ячейки (текст, ссылки, картинки и тп)
<a href=""> -- тэг внутри которого могут находится только:
-- текст
-- тэги: tt, i, b, s, strike, big, small;
-- em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym
-- упрявляющие элементы форм:
input, select, textarea, label, button
это если верить стандарту HTML 4.01 от w3.org
Цитата:
<A hred=""><IMG SRC=""></A> кнопочки в MS IE Explorer6.0
ух ты, крутА
а эта ссылка будет работать в других браузерах? ставить ссылку которая будет работать тока в ИЕ бред полный =\
Цитата:
а эта ссылка будет работать в других браузерах?
будет...
Svarga
Цитата:
Жаль... очень жаль. Но я всё же буду пытаться! Ведь экономия размера сайта получается коллосальная, если всю ячейку делать ссылкой! Может тогда подскажешь как можно поверх картинки текст печатать если она (картинка) не в BACKGROUND=""? Просто я хочу кнопки делать как картинки (одна картинка под все копки) а потом на картинке печатать текст кнопки..
Цитата:
касательно ячеек-- за пределы TD можно выносить только FORM (во избежание некоторых возможных глюков), а все остальное может быть только ВНУТРИ ячейки (текст, ссылки, картинки и тп)
Жаль... очень жаль. Но я всё же буду пытаться! Ведь экономия размера сайта получается коллосальная, если всю ячейку делать ссылкой! Может тогда подскажешь как можно поверх картинки текст печатать если она (картинка) не в BACKGROUND=""? Просто я хочу кнопки делать как картинки (одна картинка под все копки) а потом на картинке печатать текст кнопки..
sailor
если картинку не background'ом делать, то текст поверх нее можно только слоями поставить, да и то, нормально будет работать только если картинка имеет фиксированное положение на странице (чтоб можно было указать координаты слоя).. хотя, может как-то с относительным положением слоя поэксперементировать...
Цитата:
а если просто сразу после <td> ставить <a href="efgefgse.html">?
правда, со вложенными таблицами не дружит и, по-моему, с параграфами и заголовками...
а вообще место можно стилями сэкономить, т.е. прибить все тэги font и иже с ними и переформулировать в стилях свойства текста
если картинку не background'ом делать, то текст поверх нее можно только слоями поставить, да и то, нормально будет работать только если картинка имеет фиксированное положение на странице (чтоб можно было указать координаты слоя).. хотя, может как-то с относительным положением слоя поэксперементировать...
Цитата:
Ведь экономия размера сайта получается коллосальная, если всю ячейку делать ссылкой!
а если просто сразу после <td> ставить <a href="efgefgse.html">?
правда, со вложенными таблицами не дружит и, по-моему, с параграфами и заголовками...
а вообще место можно стилями сэкономить, т.е. прибить все тэги font и иже с ними и переформулировать в стилях свойства текста
1) Рамка вокруг всех картинок, имеющихся на странице, грамотно убирается так:
<STYLE>
<!--
IMG {border:0}
-->
</STYLE>
2) Вся ячейка как ссылка с меняющимся курсором и фоном:
<SCRIPT LANGUAGE="JavaScript">
<!--
function mClk(src){
if(event.srcElement.tagName=='TD') src.children.tags('A')[0].click();
}
function mOvr(src,tp){
if(!tp) tp=0;
src.style.cursor='hand';
src.style.backgroundColor="red";
}
function mOut(this){
src.style.cursor='default';
src.style.backgroundColor="blue";
}
-->
</SCRIPT>
----------------------
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="music">Музыка</A></TD>
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="texts">Тексты</A></TD>
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="porno">Порно</A></TD>
P.S. Это самый примитив, так что редактируй, экспериментируй...
Удачи.
Добавлено
Ну а вообще, в ячейку засунуть картинку в качестве фона:
<TD BACKGROUND="url_к_произведению_искусства"></TD>
<STYLE>
<!--
IMG {border:0}
-->
</STYLE>
2) Вся ячейка как ссылка с меняющимся курсором и фоном:
<SCRIPT LANGUAGE="JavaScript">
<!--
function mClk(src){
if(event.srcElement.tagName=='TD') src.children.tags('A')[0].click();
}
function mOvr(src,tp){
if(!tp) tp=0;
src.style.cursor='hand';
src.style.backgroundColor="red";
}
function mOut(this){
src.style.cursor='default';
src.style.backgroundColor="blue";
}
-->
</SCRIPT>
----------------------
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="music">Музыка</A></TD>
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="texts">Тексты</A></TD>
<TD OnClick="mClk(this)" OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><A HREF="porno">Порно
</A></TD> P.S. Это самый примитив, так что редактируй, экспериментируй...
Удачи.
Добавлено
Ну а вообще, в ячейку засунуть картинку в качестве фона:
<TD BACKGROUND="url_к_произведению_искусства"></TD>
Svarga
Цитата:
Так я хотел сэкономить место прежде всего за счёт использования одной единственной кнопочки (без текста), а текст потом набивать снова... В идее суперлёгкого сайта - это очень важно (у меня семь кнопок - теперь прищлось их всех самому рисовать вручную, опять же трата времени и усилий). Вобщем спасибо, нельзя так нельзя... Сайт будет весить в 2 раза больше (на 2.5Кб).
Fakin
Ява не подходит... Тот сценарий, что ты предложил, я знаю, но он не подходит для концепции моего сайта.
Цитата:
а вообще место можно стилями сэкономить, т.е. прибить все тэги font и иже с ними и переформулировать в стилях свойства текста
Так я хотел сэкономить место прежде всего за счёт использования одной единственной кнопочки (без текста), а текст потом набивать снова... В идее суперлёгкого сайта - это очень важно (у меня семь кнопок - теперь прищлось их всех самому рисовать вручную, опять же трата времени и усилий). Вобщем спасибо, нельзя так нельзя... Сайт будет весить в 2 раза больше (на 2.5Кб).
Fakin
Ява не подходит... Тот сценарий, что ты предложил, я знаю, но он не подходит для концепции моего сайта.
Ладно, чёрт с ними с кнопочками - я уже сделал семь штук по 450 байт (хотя хотел обойтись одной), теперь у меня другой вопрос:
Основной дизайн сайта (кстати мой первый сайт - может потом в зацените выложу) - фиксированный по ширине столбец с иформацией, а по бокам поля просто фонового цвета. Как я это решил сделать:
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP....>
<TR>
<TD></TD> (первый пустой столбец, ширина не указана из-за того, что я её попросту не знаю! Ибо фиксированной ширины будет лишь средний - второй столбец, а первый и третий по бокам имеют то, что останется)
<TD WIDTH=500> (500 - это и есть моя фиксированная ширина. Так должно быть для любого разрешения экрана - иначе бы просто указал в процентах и всё было бы пучком, но только для 800х600 например)
<CENTER> (выравниваю инфу)
<TABLE WIDTH=500> (средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...
</TABLE>
</CENTER>
</TD>
<TD> (Ещё один столбец произвольных размеров, ибо я не знаю какя у него будет ширина)
</TD>
</TR>
</TABLE>
И что же я наблюдаю? Всё что угодно, но только не то что хочу! То, между таблицей и краем средней ячейки - 20 пикселей, то всё сдвигается влево несмотря на теги <CENTER>...
Кстати если ввести точные цифры в пикселях для разрешения 800х600 (у меня моник такой) то всё становится на свои места, но вот если ничего не указывать в параметре WIDTH первого и 3-го столбца - то все проблемы возникают снова... А ведь люди то будут смотреть мой сайт с разными разрешениями монитора! Как быть? Желательно обойтись одним HTML.
Основной дизайн сайта (кстати мой первый сайт - может потом в зацените выложу) - фиксированный по ширине столбец с иформацией, а по бокам поля просто фонового цвета. Как я это решил сделать:
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP....>
<TR>
<TD></TD> (первый пустой столбец, ширина не указана из-за того, что я её попросту не знаю! Ибо фиксированной ширины будет лишь средний - второй столбец, а первый и третий по бокам имеют то, что останется)
<TD WIDTH=500> (500 - это и есть моя фиксированная ширина. Так должно быть для любого разрешения экрана - иначе бы просто указал в процентах и всё было бы пучком, но только для 800х600 например)
<CENTER> (выравниваю инфу)
<TABLE WIDTH=500> (средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...
</TABLE>
</CENTER>
</TD>
<TD> (Ещё один столбец произвольных размеров, ибо я не знаю какя у него будет ширина)
</TD>
</TR>
</TABLE>
И что же я наблюдаю? Всё что угодно, но только не то что хочу! То, между таблицей и краем средней ячейки - 20 пикселей, то всё сдвигается влево несмотря на теги <CENTER>...
Кстати если ввести точные цифры в пикселях для разрешения 800х600 (у меня моник такой) то всё становится на свои места, но вот если ничего не указывать в параметре WIDTH первого и 3-го столбца - то все проблемы возникают снова... А ведь люди то будут смотреть мой сайт с разными разрешениями монитора! Как быть? Желательно обойтись одним HTML.
Copy:
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP....>
<TR>
<TD></TD> (первый пустой столбец, ширина не указана из-за того, что я её попросту не знаю! Ибо фиксированной ширины будет лишь средний - второй столбец, а первый и третий по бокам имеют то, что останется)
<TD WIDTH=500 ALIGN=center> (500 - это и есть моя фиксированная ширина. Так должно быть для любого разрешения экрана - иначе бы просто указал в процентах и всё было бы пучком, но только для 800х600 например)
<TABLE WIDTH=500><TR><TD> (средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...</TD></TR>
</TABLE>
</TD>
<TD> (Ещё один столбец произвольных размеров, ибо я не знаю какя у него будет ширина)
</TD>
</TR>
</TABLE>
И без <CENTER> должно выглядеть все правильно
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP....>
<TR>
<TD></TD> (первый пустой столбец, ширина не указана из-за того, что я её попросту не знаю! Ибо фиксированной ширины будет лишь средний - второй столбец, а первый и третий по бокам имеют то, что останется)
<TD WIDTH=500 ALIGN=center> (500 - это и есть моя фиксированная ширина. Так должно быть для любого разрешения экрана - иначе бы просто указал в процентах и всё было бы пучком, но только для 800х600 например)
<TABLE WIDTH=500><TR><TD> (средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...</TD></TR>
</TABLE>
</TD>
<TD> (Ещё один столбец произвольных размеров, ибо я не знаю какя у него будет ширина)
</TD>
</TR>
</TABLE>
И без <CENTER> должно выглядеть все правильно
Fakin
Cпасибо конечно.. перепробовал все комбинации с ALIGN=CENTER - не помогает
. И с тегами TR TD у меня в центральной таблице тоже всё в порядке... Понимаешь, если оставлять поле WIDTH у первой ячейки пустым, то почему-то ширина второй ячейки (средней) выбирается произвольно и не равна 500 (а становится шире чем мне надо)! Т.е. не равна значению в WIDTH. Как только я помещаю в тег 1-ой ячейки <TD WIDTH= например 100> какое-то значение (например 100), то всё получается как мне надо! Но только для моего разрешения (менял на 1024х768 - картинка сдвинута влево и немудрено - ведь я указал 100 пикселей, а в бОльшем разрешении пиксели "меньше"). Что характерно, 3-я ячейка роли особой не играет... Я не знаю прям что и делать
Cпасибо конечно.. перепробовал все комбинации с ALIGN=CENTER - не помогает
. И с тегами TR TD у меня в центральной таблице тоже всё в порядке... Понимаешь, если оставлять поле WIDTH у первой ячейки пустым, то почему-то ширина второй ячейки (средней) выбирается произвольно и не равна 500 (а становится шире чем мне надо)! Т.е. не равна значению в WIDTH. Как только я помещаю в тег 1-ой ячейки <TD WIDTH= например 100> какое-то значение (например 100), то всё получается как мне надо! Но только для моего разрешения (менял на 1024х768 - картинка сдвинута влево и немудрено - ведь я указал 100 пикселей, а в бОльшем разрешении пиксели "меньше"). Что характерно, 3-я ячейка роли особой не играет... Я не знаю прям что и делатьтак, ща, погодь, я чето запаривался на строки, а тут дело в столбцах... сейчас перечитаю трабл.
Добавлено
вопрос: зачем ты выравниваешь вложенную таблицу, если она все равно занимает всю ячейку?
Добавлено
вопрос: зачем ты выравниваешь вложенную таблицу, если она все равно занимает всю ячейку?
sailor
насчет размещения по центру--попробуй заменить <center> на <div align="center">
а насчет всего остального-- проще разобрать будет, если полностью твой код страницы выложишь или готовую ссылку даш...
у таблиц есть много непредсказуемых глюков в каждом случае надо разбираться отдельно.
насчет размещения по центру--попробуй заменить <center> на <div align="center">
а насчет всего остального-- проще разобрать будет, если полностью твой код страницы выложишь или готовую ссылку даш...
у таблиц есть много непредсказуемых глюков
в каждом случае надо разбираться отдельно. Вставь в файл и посмотри следующее:
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>инфа</TD>
<TD WIDTH=500>
<CENTER>второй столбец<BR>выравниваем инфу
<TABLE WIDTH=100% BORDER=1 CELLPADDING-0 CELLSPACING=0 BORDERCOLOR=red>
<TR><TD>(средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...</TD></TR>
</TABLE>
</CENTER>
</TD>
<TD BGCOLOR=lightgray>инфа</TD>
</TR>
</TABLE>
З.Ы. Видимыми границы оставляю для того, чтобы при редактировании видеть, как отображается таблица. Кстати если ты не видел границы, то у тебя могло создаться впечатление, что все прижимается влево, хотя влево прижималась не вложенная таблица, а только второй столбец. Если я тебя опять неправильно понял, пиши, я не думаю, что проблему решить невозможно, вроде как все выглядит просто. Вставь в новый хтмл вышенаписанное, у меня не глючило, все работало нормально. В том что я сейчас написал, как ты ни крути, ширина второй у меня всегда была 500...
Svarga, здесь в центрировании вообще нет необходимости, как мне кажется, ведь вложенная таблица занимает весь второй столбец, там кроме содержимого таблицы как я понимаю ничего выводить за ее пределы не предвидится, так что центрировать здесь нечего, разве что инфу уже во второй таблице.
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>инфа</TD>
<TD WIDTH=500>
<CENTER>второй столбец<BR>выравниваем инфу
<TABLE WIDTH=100% BORDER=1 CELLPADDING-0 CELLSPACING=0 BORDERCOLOR=red>
<TR><TD>(средний столбец ширины 500 именно из-за того, что в нём должна быть таблица такой же толщины, т.е. между краем ячейки и краем таблицы не должно быть ни одного пикселя!)
...</TD></TR>
</TABLE>
</CENTER>
</TD>
<TD BGCOLOR=lightgray>инфа</TD>
</TR>
</TABLE>
З.Ы. Видимыми границы оставляю для того, чтобы при редактировании видеть, как отображается таблица. Кстати если ты не видел границы, то у тебя могло создаться впечатление, что все прижимается влево, хотя влево прижималась не вложенная таблица, а только второй столбец. Если я тебя опять неправильно понял, пиши, я не думаю, что проблему решить невозможно, вроде как все выглядит просто. Вставь в новый хтмл вышенаписанное, у меня не глючило, все работало нормально. В том что я сейчас написал, как ты ни крути, ширина второй у меня всегда была 500...
Svarga, здесь в центрировании вообще нет необходимости, как мне кажется, ведь вложенная таблица занимает весь второй столбец, там кроме содержимого таблицы как я понимаю ничего выводить за ее пределы не предвидится, так что центрировать здесь нечего, разве что инфу уже во второй таблице.
Fakin
Полчаса смотрел на твой код, потом на свой, потом снова на твой, и снова на мой... так и не нашёл разницы. А ведь у тебя таблица идеальная, а у меня - средний столбец нефиксированной толщины! Ладно, я взял и просто тупо всё копировал из своей таблицы в твой шаблон всю информацию. Заработало.. но странно. Дело в том, что для IE всё пашет вообще идеально. А вот с Оперой проблемы (а я затачиваю и под неё) - когда параметр, который я выделил красным равен 532 (собственно ширина таблицы), то средний столбец вдруг "расползается" в стороны. Когда же я увеличиваю его значение на еденицу (=533), то всё в порядке, но остаётся пустой стобец толщиной один пиксель, а мне этого не надо (следущие элементы не будут прилегать плотно). Вобщем меня это уже начинает выводить из себя и потому предлагаю код (страница пока не в инете):
<HTML>
<HEAD>
<TITLE>FFA</TITLE>
</HEAD>
<BODY BGCOLOR=#005A00>
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP
BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>????</TD>
<TD WIDTH=532>
<CENTER>
<TABLE HEIGHT = 28 VALIGN=TOP WIDTH=100% BORDER=0
CELLPADDING=0 CELLSPACING=0 BORDERCOLOR=red>
<TR>
<TD HEIGHT = 28 BACKGROUND="verh.gif">
</TD>
</TR>
</TABLE>
<TABLE VALIGN=TOP WIDTH=100% ALIGN=CENTER
CELLSPACING=0 CELLPADDING=0 >
<TR>
<TD WIDTH=72 HEIGHT=3 BACKGROUND="pol.gif"></TD>
<TD WIDTH=460 HEIGHT=3 BGCOLOR=#83602D></TD>
</TR>
</TABLE>
<TABLE ALIGN=CENTER CELLSPACING=0 CELLPADDING=0
WIDTH=100%>
<TR>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ns3.gif"BORDER=0></A>
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ks.gif" BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ws.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ws2.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="fs.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ls.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="f.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
</TR>
</TABLE>
</CENTER>
</TD>
<TD BGCOLOR=lightgray>????</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Толщина кнопок - 72 + 4 на разделители.. итого 76*7=532. Сам сайт ещё сырой + я только начинаю разбираться, так что просьба над моим кодом не смеяться, а если где что лишнего или неоптимизнуто - просто помогите советом.
Добавлено
Кстати если включить "бордюры" то видно, что после последней таблицы (с кнопками) остаётся внизу ещё 2-3 пикселя до границы... т.е. горизонтальная полоса фона. Что это?
Полчаса смотрел на твой код, потом на свой, потом снова на твой, и снова на мой... так и не нашёл разницы. А ведь у тебя таблица идеальная, а у меня - средний столбец нефиксированной толщины! Ладно, я взял и просто тупо всё копировал из своей таблицы в твой шаблон всю информацию. Заработало.. но странно. Дело в том, что для IE всё пашет вообще идеально. А вот с Оперой проблемы (а я затачиваю и под неё) - когда параметр, который я выделил красным равен 532 (собственно ширина таблицы), то средний столбец вдруг "расползается" в стороны. Когда же я увеличиваю его значение на еденицу (=533), то всё в порядке, но остаётся пустой стобец толщиной один пиксель, а мне этого не надо (следущие элементы не будут прилегать плотно). Вобщем меня это уже начинает выводить из себя и потому предлагаю код (страница пока не в инете):
<HTML>
<HEAD>
<TITLE>FFA</TITLE>
</HEAD>
<BODY BGCOLOR=#005A00>
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP
BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>????</TD>
<TD WIDTH=532>
<CENTER>
<TABLE HEIGHT = 28 VALIGN=TOP WIDTH=100% BORDER=0
CELLPADDING=0 CELLSPACING=0 BORDERCOLOR=red>
<TR>
<TD HEIGHT = 28 BACKGROUND="verh.gif">
</TD>
</TR>
</TABLE>
<TABLE VALIGN=TOP WIDTH=100% ALIGN=CENTER
CELLSPACING=0 CELLPADDING=0 >
<TR>
<TD WIDTH=72 HEIGHT=3 BACKGROUND="pol.gif"></TD>
<TD WIDTH=460 HEIGHT=3 BGCOLOR=#83602D></TD>
</TR>
</TABLE>
<TABLE ALIGN=CENTER CELLSPACING=0 CELLPADDING=0
WIDTH=100%>
<TR>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ns3.gif"BORDER=0></A>
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ks.gif" BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ws.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ws2.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="fs.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="ls.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
<TD WIDTH=72 HEIGHT=23 VALIGN=TOP>
<A HREF=""><IMG SRC="f.gif"BORDER=0></A>
</TD>
<TD VALIGN=TOP>
<IMG WIDTH=4 HEIGHT=23 SRC="razd.gif">
</TD>
</TR>
</TABLE>
</CENTER>
</TD>
<TD BGCOLOR=lightgray>????</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Толщина кнопок - 72 + 4 на разделители.. итого 76*7=532. Сам сайт ещё сырой + я только начинаю разбираться, так что просьба над моим кодом не смеяться, а если где что лишнего или неоптимизнуто - просто помогите советом.
Добавлено
Кстати если включить "бордюры" то видно, что после последней таблицы (с кнопками) остаётся внизу ещё 2-3 пикселя до границы... т.е. горизонтальная полоса фона. Что это?
Ну главное все пока работает, оптимизацией и позже можно заняться. Да, кстати столбец мог потолстеть если в двух других пустота. Если там хотя бы , тогда все всегда идеально.
Fakin
Цитата:
В том то и дело, что сейчас всё ненормально и не работает! Столбец толстеет даже при заполненных боковых столбцах (в Опере), также есть проблема где "добавлено" (с нестыковкой снизу)...
Цитата:
Ну главное все пока работает, оптимизацией и позже можно заняться. Да, кстати столбец мог потолстеть если в двух других пустота. Если там хотя бы , тогда все всегда идеально.
В том то и дело, что сейчас всё ненормально и не работает! Столбец толстеет даже при заполненных боковых столбцах (в Опере), также есть проблема где "добавлено" (с нестыковкой снизу)...
Ща, немного освобожусь, гляну Оперой, гоняю тут фильмы на сервер...
Fakin
Цитата:
Буду премного благодарен. Кстати обрати внимание на то, что в Опере проблема расползания центрального столбца, а в IE - проблема лишнего места под последней таблицей (с кнопочками) и следующая таблица даже в топовой выключке всё равно прилегает "неплотно")
Цитата:
Ща, немного освобожусь, гляну Оперой, гоняю тут фильмы на сервер...
Буду премного благодарен. Кстати обрати внимание на то, что в Опере проблема расползания центрального столбца, а в IE - проблема лишнего места под последней таблицей (с кнопочками) и следующая таблица даже в топовой выключке всё равно прилегает "неплотно")
Не понимаю, у меня и при 532 всё ok... попробуй еще подробнее описать проблему, или до меня не совсем сейчас дошло или... а я пока оптимизацию посмотрю, что тут можно сделать.
Добавлено
О, увидел наконец-то момент, когда в ИЕ всё ОК, а в Опере разъезд.
Добавлено
Мне немного сложно судить о лишнем месте под таблицей в ИЕ, у меня нет картинок, но как мне кажется, там нет лишнего места.
Добавлено
хотя у меня код уже измененный
Добавлено
А рисунки сами готовые?
Добавлено
О, увидел наконец-то момент, когда в ИЕ всё ОК, а в Опере разъезд.
Добавлено
Мне немного сложно судить о лишнем месте под таблицей в ИЕ, у меня нет картинок, но как мне кажется, там нет лишнего места.
Добавлено
хотя у меня код уже измененный
Добавлено
А рисунки сами готовые?
Чтож... загадка остаётся пока нерешённой?
<HTML>
<HEAD><TITLE>FFA</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</HEAD>
<STYLE>
<!--
IMG {border:0;}
.mn {width: 72; height:23;}
.mr {width: 4; height:23;}
//-->
</STYLE>
<BODY BGCOLOR=#005A00>
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>????</TD>
<TD WIDTH=533 BGCOLOR=#83602D>
<TABLE HEIGHT=28 WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD BACKGROUND=verh.gif></TD></TR>
</TABLE>
<TABLE WIDTH=100% HEIGHT=3 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD WIDTH=72><IMG SRC=pol.gif WIDTH=100%></TD>
<TD WIDTH=460 BGCOLOR=#83602D></TD>
</TR>
</TABLE>
<TABLE CELLSPACING=0 CELLPADDING=0 WIDTH=100% BORDER=0>
<TR>
<TD><A HREF=""><IMG SRC=news3.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=klans.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=works.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=wars2.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=files.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=links.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=forum.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
</TR>
</TABLE>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG WIDTH=6 HEIGHT=8 SRC=pol3.gif></TD>
<TD><IMG WIDTH=60 HEIGHT=8 SRC=pol2.gif></TD>
<TD><IMG WIDTH=5 HEIGHT=8 SRC=pol4.gif></TD>
<TD><IMG WIDTH=461 HEIGHT=8 SRC=pol1.gif></TD>
</TR>
</TABLE>
</TD>
<TD BGCOLOR=lightgray>????</TD>
</TR>
</TABLE>
</BODY>
</HTML>
<HEAD><TITLE>FFA</TITLE>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
</HEAD>
<STYLE>
<!--
IMG {border:0;}
.mn {width: 72; height:23;}
.mr {width: 4; height:23;}
//-->
</STYLE>
<BODY BGCOLOR=#005A00>
<TABLE CELLSPACING=0 CELLPADDING=0 VALIGN=TOP BORDER=1 WIDTH=100%>
<TR>
<TD BGCOLOR=lightgray>????</TD>
<TD WIDTH=533 BGCOLOR=#83602D>
<TABLE HEIGHT=28 WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR><TD BACKGROUND=verh.gif></TD></TR>
</TABLE>
<TABLE WIDTH=100% HEIGHT=3 CELLSPACING=0 CELLPADDING=0>
<TR>
<TD WIDTH=72><IMG SRC=pol.gif WIDTH=100%></TD>
<TD WIDTH=460 BGCOLOR=#83602D></TD>
</TR>
</TABLE>
<TABLE CELLSPACING=0 CELLPADDING=0 WIDTH=100% BORDER=0>
<TR>
<TD><A HREF=""><IMG SRC=news3.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=klans.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=works.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=wars2.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=files.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=links.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
<TD><A HREF=""><IMG SRC=forum.gif CLASS=mn></A></TD>
<TD><IMG SRC=razd.gif CLASS=mr></TD>
</TR>
</TABLE>
<TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD><IMG WIDTH=6 HEIGHT=8 SRC=pol3.gif></TD>
<TD><IMG WIDTH=60 HEIGHT=8 SRC=pol2.gif></TD>
<TD><IMG WIDTH=5 HEIGHT=8 SRC=pol4.gif></TD>
<TD><IMG WIDTH=461 HEIGHT=8 SRC=pol1.gif></TD>
</TR>
</TABLE>
</TD>
<TD BGCOLOR=lightgray>????</TD>
</TR>
</TABLE>
</BODY>
</HTML>
Fakin
Спасибо большое... как говорят у нас: "ты Шаман!".. И как это у тебя получилось? Ну ладно, сейчас нет времени разбираться в коде, но факт тот, что и в ИЕ и в Опере на первый взгляд всё ОК!
Слушай, вкратце, что там было не так?
Спасибо большое... как говорят у нас: "ты Шаман!".. И как это у тебя получилось? Ну ладно, сейчас нет времени разбираться в коде, но факт тот, что и в ИЕ и в Опере на первый взгляд всё ОК!
Слушай, вкратце, что там было не так?
это то, что я тебе по асе писал - в Опере содержимое таблицы (сложенное именно из рисунков) не может равняться или быть шире ширины самой таблицы. Как только >=, то ее начинает глючить и ее распирает.
Fakin
Странно... убираю из твоего границы (ставлю BORDER=0) и тут же страница "разваливается"... Неужто толщина границ тоже где-то учитывается????
Странно... убираю из твоего границы (ставлю BORDER=0) и тут же страница "разваливается"... Неужто толщина границ тоже где-то учитывается????
У меня не разваливается...
Fakin
Цитата:
Не может быть! У меня разваливается и в Опере и в ИЕ..
Добавлено
Fakin
Кстати, заметил странную вещь (это я всё с границами теперь борюсь) - границы между первым и вторым столбцом не видно! Между 2-ым и 3-им есть, а между 1-ым и 2-ым нет.. может в этом вся причина? (при занулении толщины границы центральна таблица смещается влево до края экрана)
Цитата:
У меня не разваливается...
Не может быть! У меня разваливается и в Опере и в ИЕ..
Добавлено
Fakin
Кстати, заметил странную вещь (это я всё с границами теперь борюсь) - границы между первым и вторым столбцом не видно! Между 2-ым и 3-им есть, а между 1-ым и 2-ым нет.. может в этом вся причина? (при занулении толщины границы центральна таблица смещается влево до края экрана)
возьми еще раз предыдущий код (последний) и поставь единственный border=1 равным нулю и увидишь что ничего не расползается. Ты наверное просто уже там у себя понаправил.
Предыдущая тема: Flash/HTML: Вставка swf-файла на HTML-страницу
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.