sailor, а они у тебя не на один и тот же документ случайно?
» Вопрос по HTML и MS IE Explorer6.0
Fakin
Цитата:
Ой И впрямь случайно на один файл указывают... нехорошо получилось, по ламерски
Слушай, а ты уже на коне?;) Т.е. за компом? Могу я тебе свой сайт показать?;)
Цитата:
sailor, а они у тебя не на один и тот же документ случайно?
Ой И впрямь случайно на один файл указывают... нехорошо получилось, по ламерски
Слушай, а ты уже на коне?;) Т.е. за компом? Могу я тебе свой сайт показать?;)
sailor
Цитата:
Цитата:
А по поводу того, что отображение разное у бордюров (упомянутый мной "закос под 3d" в Опере) - то тоже можно средствами CSS исправить?В принципе можно... Я бы даже сказал как, если бы у меня Опера была. Пойду обозначу её во FlashGet'е...
sailor
Цитата:
писалось... И чем тебя пугает ЯваСкрипт??? Ява и Яваскрипт не1колько разные
вещи. Ладно... вот кажется то, что тебе надо.
Код:
<html>
<head>
<title>Тестовая страничка</title>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</head>
<script language="JavaScript">
<!-- hide
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="yellow";
}
function mOut(src){
src.style.cursor='default';
src.style.backgroundColor="pink";
}
// -->
</script>
<body>
<table width=100% border=1 bgcolor=pink>
<tr>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=index.html>Главная
страница</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=main.htm>О
компании</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=map.htm>Как к нам
доехать</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a
href="mailto:russbyt@narod.ru">Контакты</a></td>
</tr>
</table>
</body>
</html>
Цитата:
Ну и что? Насколько я понимаю, здесь получится просто окошко с моимТак про то как сделать чтобы палец был уже выше
бэкграундом и текстовой ссылкой внутри. А мне так не надо! Мне нужен эффект
кнопки. Т.е. в области, означенной мною, курсор мыши должен привращаться в
палец и т.п. Грубо говоря кнопка, в которую я могу ввести любой текст. Экономия
времени и размера сайта очивидна (я могу нарисовать 1 кнопку в виде фона, а
потом использовать её для 10 кнопок в меню, меняя лишь текст над фоном). Но я
уже сделал 7 кнопок вручную, оптимизировал их и убил на это немало времени. Как
ни жаль, но похоже так как я хотел - сделать невозможно. По крайней мере без
привлечения явы.
писалось... И чем тебя пугает ЯваСкрипт??? Ява и Яваскрипт не1колько разные
вещи. Ладно... вот кажется то, что тебе надо.
Код:
<html>
<head>
<title>Тестовая страничка</title>
<META content="text/html; charset=windows-1251" http-equiv=Content-Type>
</head>
<script language="JavaScript">
<!-- hide
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="yellow";
}
function mOut(src){
src.style.cursor='default';
src.style.backgroundColor="pink";
}
// -->
</script>
<body>
<table width=100% border=1 bgcolor=pink>
<tr>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=index.html>Главная
страница</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=main.htm>О
компании</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a href=map.htm>Как к нам
доехать</a></td>
<td width=25% BACKGROUND=img1.jpg align=center OnClick="mClk(this)"
OnMouseOver="mOvr(this)" OnMouseOut="mOut(this)"><a
href="mailto:russbyt@narod.ru">Контакты</a></td>
</tr>
</table>
</body>
</html>
moonrise
Цитата:
Ничем не пугает.. просто я уже говорил, что использование Явы(скрипта) не вяжется с идеей суперлёгкого сайта. Всё равно спасибо - может в будущем пригодится.
Цитата:
И чем тебя пугает ЯваСкрипт???
Ничем не пугает.. просто я уже говорил, что использование Явы(скрипта) не вяжется с идеей суперлёгкого сайта. Всё равно спасибо - может в будущем пригодится.
А как сделать так, чтобы в таблице (одного цвета) было сверху 2 окошка (другого), а под ними 1 широкое (такого же другого)?:
Это надо организовать с помощью обычных таблиц. Во всех окошках должен быть текст. На самом деле наверное лёгкий вопрос... но даже если это очивидно, всё равно интересно узнать как это сделать. Заметьте, там border должен быть равен 1!
Это надо организовать с помощью обычных таблиц. Во всех окошках должен быть текст. На самом деле наверное лёгкий вопрос... но даже если это очивидно, всё равно интересно узнать как это сделать. Заметьте, там border должен быть равен 1!
sailor,
Примерно так:
Код: <html>
<title>Таблица</title>
<style>
.black { border: #000000; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; }
</style>
<body bgcolor=#FFFFFF>
<table width='146' height='78' bgcolor='#669966' border='0' class='black' cellspacing='1' cellpadding='1'><tr><td>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td>
<td>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td></tr>
<tr>
<td colspan='2'>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td></tr></table>
<body>
</html>
Примерно так:
Код: <html>
<title>Таблица</title>
<style>
.black { border: #000000; border-style: solid; border-left-width: 1px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; }
</style>
<body bgcolor=#FFFFFF>
<table width='146' height='78' bgcolor='#669966' border='0' class='black' cellspacing='1' cellpadding='1'><tr><td>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td>
<td>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td></tr>
<tr>
<td colspan='2'>
<table width='100%' height='100%' border='0' cellspacing='1' cellpadding='1' bgcolor='#999966' class='black'><tr><td>...</td></tr></table>
</td></tr></table>
<body>
</html>
sailor
Sergeant
Можно и без вложенных, но не помню будет ли это работать не под ИЕ.
Sergeant
Можно и без вложенных, но не помню будет ли это работать не под ИЕ.
Sergeant
Спасибо.
moonrise
Цитата:
Как?
Ещё простенький вопросик родился: как сделать ссылку на файл лежаший в "более высоком" каталоге? Т.е. У меня есть каталог pictures с картинками и подкаталог site (pictures/site ) в котором хранятся html-файлы. Как прописать путь к картинкам (URL) неужто писать полный путь начиная с имени сайта и т.д. А относительный путь никак нельзя?
Добавлено
Sergeant
Цитата:
Ещё вопрос. Как раз по теме. В ИЕ всё нормально отбражается, когда
cellspacing=a cellpadding=b a+b=3. Все зелёные полоски между жёлто-зелёными ячейками должны быть одинаковой толщины, но в Опере они снизу и сверху (по горизонтали вобщем) толще чем по вертикали (по бокам). В чём дело? Как исправить?
Спасибо.
moonrise
Цитата:
Можно и без вложенных
Как?
Ещё простенький вопросик родился: как сделать ссылку на файл лежаший в "более высоком" каталоге? Т.е. У меня есть каталог pictures с картинками и подкаталог site (pictures/site ) в котором хранятся html-файлы. Как прописать путь к картинкам (URL) неужто писать полный путь начиная с имени сайта и т.д. А относительный путь никак нельзя?
Добавлено
Sergeant
Цитата:
Примерно так:
Ещё вопрос. Как раз по теме. В ИЕ всё нормально отбражается, когда
cellspacing=a cellpadding=b a+b=3. Все зелёные полоски между жёлто-зелёными ячейками должны быть одинаковой толщины, но в Опере они снизу и сверху (по горизонтали вобщем) толще чем по вертикали (по бокам). В чём дело? Как исправить?
sailor,
Цитата:
Код: <a href='../pics/image.gif'>link</a>
Цитата:
как сделать ссылку на файл лежаший в "более высоком" каталоге?Так:
Код: <a href='../pics/image.gif'>link</a>
Sergeant
Прям как в линуксе.. надо было догадаться. Спасибо. Другой вопрос по твоему же коду:
<td colspan='2'> - colspan - это что и для чего?
Прям как в линуксе.. надо было догадаться. Спасибо. Другой вопрос по твоему же коду:
<td colspan='2'> - colspan - это что и для чего?
sailor,
Это растягивание колонок. Скажем, в верхнем ряду у тебя две колонки - значит и в нижнем должно быть по идее две колонки. Но если сделать colspan=кол-во колонок, то эта самая нижняя растянется
Аналог для рядов: <tr rowspan='...'>
Это растягивание колонок. Скажем, в верхнем ряду у тебя две колонки - значит и в нижнем должно быть по идее две колонки. Но если сделать colspan=кол-во колонок, то эта самая нижняя растянется
Аналог для рядов: <tr rowspan='...'>
sailor
Тебе лучше поискать в инете какой-нибудь учебничек по html, чтобы подобные вопросы не задавать. Думаю, ты откроешь для себя немало интересных вещей.
Тебе лучше поискать в инете какой-нибудь учебничек по html, чтобы подобные вопросы не задавать. Думаю, ты откроешь для себя немало интересных вещей.
sailor
Цитата:
Код: <table border = 1 width=50%>
<tr>
<td bgcolor=blue>Text1</td>
<td bgcolor=bleu>Text2</td>
</tr>
<tr>
<td colspan='2' bgcolor=green>Text3</td>
</tr>
</table>
Цитата:
Как?Не заметил, что фактически ответ уже прозвучал.
Код: <table border = 1 width=50%>
<tr>
<td bgcolor=blue>Text1</td>
<td bgcolor=bleu>Text2</td>
</tr>
<tr>
<td colspan='2' bgcolor=green>Text3</td>
</tr>
</table>
moonrise,
Цитата:
Обрати внимание: та таблица, которая на фоне, имеет цвет - 669966. А та, которая в нее вложена - 999966. Вот, и получилось то, что и хотел sailor имхо, вложенными таблицами такой эффект сделать - проще всего
Цитата:
А зачем ты в своем коде вложенные таблицы делал, если colspan использовал?Просто sailor'y надо было сделать таблицу в три ячейки одним цветом, а фон у нее должен быть другого цвета.
Обрати внимание: та таблица, которая на фоне, имеет цвет - 669966. А та, которая в нее вложена - 999966. Вот, и получилось то, что и хотел sailor имхо, вложенными таблицами такой эффект сделать - проще всего
Sergeant
А чем тебя вариант с <td bgcolor=...> не устраивает?
Ну чуточку по другому... кажется где-то можно было задавать чвет border. Тогда принципиальное отличие остается только в том, что у тебя еще есть внешняя черная рамка. Ради этого столько кода... IMHO лишнее. Мало того.. если где-то задать border-color = 'bleu', а в стиле бордер сделать черным
Код: исправлено см. \/
А чем тебя вариант с <td bgcolor=...> не устраивает?
Ну чуточку по другому... кажется где-то можно было задавать чвет border. Тогда принципиальное отличие остается только в том, что у тебя еще есть внешняя черная рамка. Ради этого столько кода... IMHO лишнее. Мало того.. если где-то задать border-color = 'bleu', а в стиле бордер сделать черным
Код: исправлено см. \/
Такой простенький вопрос - как указать кодировку, чтобы она автоматом браузером определялась и не было бы глюков.. (чтобы в ручную не переставлять)?
Код:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
Цитата:
для кириллицы меняешь на iso-8859-5
Лучше ставь Windows-1251
Код: <head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
</head>
В процессе вебдизайнинга возник такой простенький вопросик:
Сделал я свой сайт, а он оказался под фиксированное разрешение - 800х600 как на моём мониторе. Если сделать больше - всё "расползается". Причём очень интересно:
Т.е. по центру расползается.. равномерно так. 1,2,3,4,5 на рисунке - это ячейки таблицы (в которые я помещаю кнопочки, покрашенные для наглядности в синий цвет).
А я хотел бы следущего "расползания" (кнопочки то не растянешь, следовательно прийдётся всё равно мириться с расползанием... хотя бы покрасивше его сделать):
Т.е. чтобы все мои ячейки были прижаты к левому краю вне зависимости от разрешения (т.е. советы задавать конкретные width в пикселях не прокатят). Причём пустого места справа может быть очень много при очень больших разрешениях (ну там 1600х1200 или выше), но кнопочки всё равно должны быть в виде строго притиснутых друг к другу элементов единого меню.
Сделал я свой сайт, а он оказался под фиксированное разрешение - 800х600 как на моём мониторе. Если сделать больше - всё "расползается". Причём очень интересно:
Т.е. по центру расползается.. равномерно так. 1,2,3,4,5 на рисунке - это ячейки таблицы (в которые я помещаю кнопочки, покрашенные для наглядности в синий цвет).
А я хотел бы следущего "расползания" (кнопочки то не растянешь, следовательно прийдётся всё равно мириться с расползанием... хотя бы покрасивше его сделать):
Т.е. чтобы все мои ячейки были прижаты к левому краю вне зависимости от разрешения (т.е. советы задавать конкретные width в пикселях не прокатят). Причём пустого места справа может быть очень много при очень больших разрешениях (ну там 1600х1200 или выше), но кнопочки всё равно должны быть в виде строго притиснутых друг к другу элементов единого меню.
sailor
через align не пробовал?
через align не пробовал?
raven
Цитата:
Пробовал... может не так пробовал, но не работает. Align=left ничего не даёт. Наверное потому что у меня идёт ряд ячеек типа
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
и их браузер и "растягивает"..
Мне бы вот так сделать:
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD WIFTH=ost>..</TD>
</TR>
где ost - длина свободного места, которое остаётся справа в данном разрешении. Но как это сделать не знаю. Уверен, что есть другие простые решения...
Добавлено
Вопрос решился при помощи вложенных таблиц. Всем спасибо
Цитата:
через align не пробовал?
Пробовал... может не так пробовал, но не работает. Align=left ничего не даёт. Наверное потому что у меня идёт ряд ячеек типа
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
</TR>
и их браузер и "растягивает"..
Мне бы вот так сделать:
<TR>
<TD>1</TD>
<TD>2</TD>
<TD>3</TD>
<TD>4</TD>
<TD>5</TD>
<TD WIFTH=ost>..</TD>
</TR>
где ost - длина свободного места, которое остаётся справа в данном разрешении. Но как это сделать не знаю. Уверен, что есть другие простые решения...
Добавлено
Вопрос решился при помощи вложенных таблиц. Всем спасибо
Такой вопрос:
У меня куча одинаковых тегов типа <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
Очень много... Как бы мне облегчить свои странички? Может как-нибудь с помощью CSS? Вместо этих длинных строчек писать бы <TABLE class="c1">, а класс описывать 1 раз. Экономия - отличная... Вот бы так сделать. Кто-нибудь случаем не знает, как?
У меня куча одинаковых тегов типа <TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=0>
Очень много... Как бы мне облегчить свои странички? Может как-нибудь с помощью CSS? Вместо этих длинных строчек писать бы <TABLE class="c1">, а класс описывать 1 раз. Экономия - отличная... Вот бы так сделать. Кто-нибудь случаем не знает, как?
sailor
table.c1 { .........}
table.c1 { .........}
raven
Цитата:
Как как? Пример если можно...
Цитата:
table.c1 { .........}
Как как? Пример если можно...
table.c1 {width:100%; border:0; padding:0; spacing:0}
<TABLE CLASS=c1>
(Использование padding в стилизации видел, насчет spacing не уверен)
<TABLE CLASS=c1>
(Использование padding в стилизации видел, насчет spacing не уверен)
sailor
Посмотри у Fakin, а вообще лучше учи CSS: будет меньше руттинной работы и сайт красивее сделаешь.
Посмотри у Fakin, а вообще лучше учи CSS: будет меньше руттинной работы и сайт красивее сделаешь.
sailor
А еще лучше сделай файл в котором опишешь все стили . К примеру style.txt
Код:
TABLE {font-size: 11pt; }
a:link { color=blue; text-decoration=none; }
a:active { color=purple; text-decoration=none; }
a:visited { color=blue; text-decoration=none; }
a:hover { color=red; text-decoration=underline; }
А еще лучше сделай файл в котором опишешь все стили . К примеру style.txt
Код:
TABLE {font-size: 11pt; }
a:link { color=blue; text-decoration=none; }
a:active { color=purple; text-decoration=none; }
a:visited { color=blue; text-decoration=none; }
a:hover { color=red; text-decoration=underline; }
moonrise
Лучше не style.txt, а style.css. Не по-русски как-то.
Лучше не style.txt, а style.css. Не по-русски как-то.
raven, мелочи
Предыдущая тема: Flash/HTML: Вставка swf-файла на HTML-страницу
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.