raven
Да хоть SuperPuperReadMe.1st
Да хоть SuperPuperReadMe.1st
» Вопрос по HTML и MS IE Explorer6.0
Я наверное что-то не то делаю.. не работает у меня этот CSS
Простейший файл:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<STYLE>
table
.c1 { width: 300; padding: 50; spacing: 10; border: 0;}
</STYLE>
<center><TABLE BGCOLOR=#777788 CLASS=c1>
<TR>
<TD>33</TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>
Так вот.. работает из всего только width (т.е. если менять его значение, меняется и толщина таблицы). А заставить меняться отступы от края не получается!!! И толщина бордера равна не 0
P.S. Где найти грамотный док по CSS c примерами ("для чайников"
)?
Простейший файл:
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<STYLE>
table
.c1 { width: 300; padding: 50; spacing: 10; border: 0;}
</STYLE>
<center><TABLE BGCOLOR=#777788 CLASS=c1>
<TR>
<TD>33</TD>
</TR>
</TABLE>
</center>
</BODY>
</HTML>
Так вот.. работает из всего только width (т.е. если менять его значение, меняется и толщина таблицы). А заставить меняться отступы от края не получается!!!
И толщина бордера равна не 0 P.S. Где найти грамотный док по CSS c примерами ("для чайников"
)?sailor
Там другие теги! У тебя есть дистрибутив MO XP?
Если есть - ставь из него редактор сценариев - в нем есть хелп по CSS, причем нормальный!
Там другие теги! У тебя есть дистрибутив MO XP?
Если есть - ставь из него редактор сценариев - в нем есть хелп по CSS, причем нормальный!
sailor,
По стандарту лучше писать вместо <style> - <style type='txt/css'>. Ну это так - на будущее.
Вообще хэлпы (кроме Офиса) есть еще приличные в Dreamwaver и Topstyle (последний - специализированный редактор css). Если хочешь почитать на русском, то вот тебе результат поиск по слову "css" на citforum'e:
http://www.citforum.ru/cgi-bin/yandpage?HndlQuery=270140178&PageNum=0
Бери хотя бы первую ссылку и начинай знакомиться.. вот
По стандарту лучше писать вместо <style> - <style type='txt/css'>. Ну это так - на будущее.
Вообще хэлпы (кроме Офиса) есть еще приличные в Dreamwaver и Topstyle (последний - специализированный редактор css). Если хочешь почитать на русском, то вот тебе результат поиск по слову "css" на citforum'e:
http://www.citforum.ru/cgi-bin/yandpage?HndlQuery=270140178&PageNum=0
Бери хотя бы первую ссылку и начинай знакомиться.. вот
raven
Цитата:
К сожалению нету
Цитата:
Может объяснишь? Мне ведь не весь CSS нужен, а только частное применение для таблиц. Собственно говоря, мне срочно нужно узнать, как <TABLE WIDTH=100% HEIGHT=277 BORDER=0 CELLPADDING=0 CELLSPACING=0> заменить на что-нибудь типа <TABKE HEIGHT=277 CLASS=C1>, причём я чувствую, что так сделать можно, но времени на изучение всех фич CSS нет. Так что прошу помочь в данном конкретном случае.. ты вот говоришь, что теги там другие. Какие? Если можно пример (привык на примерах разбираться, а не сам выдумывать синтаксис).
Sergeant
Цитата:
Посмотрел в Dreamwaver4.. что-то там не особо понятно. Стилей таблиц там вообще не обнаружил. С отступами есть тока какой-то box (типа блока что-ли?)... Вобщем тёмный лес... а дело то срочное.
P.S. Ещё что мне нужно от CSS, чтобы все ссылки были одного цвета, а некоторые другого. В том документе, ссылку на который любезно предоставил Sergeant я нашёл вот такой способ:
<a href=ar.htm<span style="color:
#000000;">Архив</span></a>
Но подчёркивание то осталось сиреневым (как на остальных ссылках.. т.к. я в начале задал <BODY VLINK=#7C017C LINK=#7C017C BGCOLOR=#000000>)! Как и подчёркивание сделать чёрным?
Цитата:
У тебя есть дистрибутив MO XP?
К сожалению нету
Цитата:
Там другие теги!
Может объяснишь? Мне ведь не весь CSS нужен, а только частное применение для таблиц. Собственно говоря, мне срочно нужно узнать, как <TABLE WIDTH=100% HEIGHT=277 BORDER=0 CELLPADDING=0 CELLSPACING=0> заменить на что-нибудь типа <TABKE HEIGHT=277 CLASS=C1>, причём я чувствую, что так сделать можно, но времени на изучение всех фич CSS нет. Так что прошу помочь в данном конкретном случае.. ты вот говоришь, что теги там другие. Какие? Если можно пример (привык на примерах разбираться, а не сам выдумывать синтаксис).
Sergeant
Цитата:
Вообще хэлпы (кроме Офиса) есть еще приличные в Dreamwaver и Topstyle
Посмотрел в Dreamwaver4.. что-то там не особо понятно. Стилей таблиц там вообще не обнаружил. С отступами есть тока какой-то box (типа блока что-ли?)... Вобщем тёмный лес... а дело то срочное.
P.S. Ещё что мне нужно от CSS, чтобы все ссылки были одного цвета, а некоторые другого. В том документе, ссылку на который любезно предоставил Sergeant я нашёл вот такой способ:
<a href=ar.htm<span style="color:
#000000;">Архив</span></a>
Но подчёркивание то осталось сиреневым (как на остальных ссылках.. т.к. я в начале задал <BODY VLINK=#7C017C LINK=#7C017C BGCOLOR=#000000>)! Как и подчёркивание сделать чёрным?
sailor
Точно не скажу, но вот может поможет
a:link {...} -собственно линк
a:visited {...} - посещенный
Попробуй
a.my1:link {color: #ffffff}
a.my1:visited {color: #ffffff}
где #ffffff - нужный тебе цвет!
Точно не скажу, но вот может поможет
a:link {...} -собственно линк
a:visited {...} - посещенный
Попробуй
a.my1:link {color: #ffffff}
a.my1:visited {color: #ffffff}
где #ffffff - нужный тебе цвет!
raven
Спасибо.. попробую твой способ. Но насчёт таблиц вопрос остаётся открытым.
Спасибо.. попробую твой способ. Но насчёт таблиц вопрос остаётся открытым.
table.c1 {padding: 20;border-width:0;width:300;spacing:10}
Граница - точно так!
Граница - точно так!
raven
Новый аватар? Круто
Цитата:
Цитата:
Если не затруднит, напиши кусок маленький HTML файл с простенькой таблицей, где бы применялся твой способ. Может я что-то не так делаю, но если я меняю 0 в border-width:0 на 10 (border-width:10) - то ничего не меняется.
Так что, к сожалению твой вариант не заработал (таблица по прежнему разваливается, изменение всех параметров кроме width никак не отражается на отображении в браузере). Можно было подумать, что у меня с браузером проблема, да вот CSS (для тега <IMG>) у меня уже есть, а браузера 2 - IE6.0 и Opera 5. Вроде должно всё отображаться. Так что жду гуру HTML и CSS, который бы показал 100% рабочий вариант, с помощью которого можно было заменить бесконечные <TABLE WIDTH=100% HEIGHT=277 BORDER=0 CELLPADDING=0 CELLSPACING=0> на table с использованием общего класса.
Новый аватар? Круто
Цитата:
border-width:0
Цитата:
Граница - точно так!
Если не затруднит, напиши кусок маленький HTML файл с простенькой таблицей, где бы применялся твой способ. Может я что-то не так делаю, но если я меняю 0 в border-width:0 на 10 (border-width:10) - то ничего не меняется.
Так что, к сожалению твой вариант не заработал (таблица по прежнему разваливается, изменение всех параметров кроме width никак не отражается на отображении в браузере). Можно было подумать, что у меня с браузером проблема, да вот CSS (для тега <IMG>) у меня уже есть, а браузера 2 - IE6.0 и Opera 5. Вроде должно всё отображаться. Так что жду гуру HTML и CSS, который бы показал 100% рабочий вариант, с помощью которого можно было заменить бесконечные <TABLE WIDTH=100% HEIGHT=277 BORDER=0 CELLPADDING=0 CELLSPACING=0> на table с использованием общего класса.
Код: <html>
<head>
<style type='text/css'>
td.border {border: 1pt solid; border-color: #000000}
</style>
<body>
<table width='100%' border='0' cellspacing='3' cellpadding='1'>
<tr><td class='border'>...</td></tr>
</table>
</body>
</html>
Sergeant
Спасибо, уже хоть что-то работать начало. Но во втором твоём примере свойства распространяются на все таблицы на странице. А мне хотелось бы как класс оргранизовать (<table class=cl1>), т.к. у разных таблиц на странице - разные свойства. Попробовал сделать так:
Код: <html>
<head>
<style type='text/css'>
table
.сl1{
border: 1pt #000000 dotted;
width: 200;
padding: 10pt;
text-align: center;
font-family: Arial;
font-size: 12pt;
font-weight: bold;
letter-spacing: 5;
}
</style>
<body>
<table class=cl1><tr><td>TEST</td><td>TEST</td></tr></table>
</body></html>
Спасибо, уже хоть что-то работать начало. Но во втором твоём примере свойства распространяются на все таблицы на странице. А мне хотелось бы как класс оргранизовать (<table class=cl1>), т.к. у разных таблиц на странице - разные свойства. Попробовал сделать так:
Код: <html>
<head>
<style type='text/css'>
table
.сl1{
border: 1pt #000000 dotted;
width: 200;
padding: 10pt;
text-align: center;
font-family: Arial;
font-size: 12pt;
font-weight: bold;
letter-spacing: 5;
}
</style>
<body>
<table class=cl1><tr><td>TEST</td><td>TEST</td></tr></table>
</body></html>
Цитата:
нужны ли кавычки и зачем они вообще в HTML? Ведь и без них всё работает!
sailor
Лебедев пишет
http://www.artlebedev.ru/kovodstvo/paragraphs/17.html
мы читаем
Цитата:
table
.сl1{
Тут переноса не надо. Пиши в одну строку:
Код: table.cl1 {
Адрес можно писать без кавычек, если там пробелов нет
Цитата:
Fakin
Адрес можно писать без кавычек, если там пробелов нет
в каком адресем могут быть пробелы?
мне пока не приходилось ни одного такого видеть ))))
lucky
у тебя же могут быть дома файлы с названиями типа
Вопрос по HTML и MS IE Explorer6_0 - [6] Web-программирование Форум RU_Board.htm
видишь сколько пробелов. Просто так на него ссылку не сделаешь. А ты таких в сети не видел потому что именование файлов без пробелов считается хорошим тоном, а невежд с собственными сайтами мало (имеются ввиду страницы среднего уровня и выше).
у тебя же могут быть дома файлы с названиями типа
Вопрос по HTML и MS IE Explorer6_0 - [6] Web-программирование Форум RU_Board.htm
видишь сколько пробелов. Просто так на него ссылку не сделаешь. А ты таких в сети не видел потому что именование файлов без пробелов считается хорошим тоном, а невежд с собственными сайтами мало (имеются ввиду страницы среднего уровня и выше).
Цитата:
Ещё вопросик возник попутно. Есть ли разница в строке <A HREF="dfdf.fdf"></A> и <A HREF=dfdf.fdf></A> (и так во всём).. т.е. нужны ли кавычки и зачем они вообще в HTML? Ведь и без них всё работает!
например такая ситуация:
скрипт берёт информацию из базы данных(MySQL).
есть вот такая строка:
Код: echo "<a href='$url' target=_blank>url</a>";
Sergeant
Цитата:
Ты прав! Действительно... заработало! Т.е. работает как класс! Но вот только главное - padding не работает. Может синтаксис там не такой?
Цитата:
Тут переноса не надо. Пиши в одну строку:
Ты прав! Действительно... заработало! Т.е. работает как класс! Но вот только главное - padding не работает
. Может синтаксис там не такой?sailor
Цитата:
Вроде правильный.
Цитата:
вот тут интересный справочник по CSS:
http://emanual.ru/download2/4979.html
Цитата:
Может синтаксис там не такой?
Вроде правильный.
Цитата:
padding, padding-top, padding-bottom, padding-left, padding-right - определяет расстояние между элементом и его рамкой.
Допустимые значения: auto, единицы измерения, процент относительно родительского элемента.
Значение по умолчанию: zero.
Свойство не поддерживает механизм наследования.
вот тут интересный справочник по CSS:
http://emanual.ru/download2/4979.html
Advanced_Guest
Цитата:
Не знаю, изменение числа в padding ничего не даёт. Такое впечатление, что там фиксированное число 5 (по умолчанию) и никак его не изменить
Цитата:
Спасибо, уже читаю.
Цитата:
Вроде правильный.
Не знаю, изменение числа в padding ничего не даёт
. Такое впечатление, что там фиксированное число 5 (по умолчанию) и никак его не изменить Цитата:
Вот тут интересный справочник по CSS:
Спасибо, уже читаю.
sailor,
Попробуй там не pt в качестве единиц указывать а пискели. Или проценты. Или вообще простое число укажи.
Вот... пробуй, в общем у меня всё работает (браузер - MyIE).
Попробуй там не pt в качестве единиц указывать а пискели. Или проценты. Или вообще простое число укажи.
Вот... пробуй, в общем
у меня всё работает (браузер - MyIE).Sergeant
Цитата:
Как уж только не пробовал - руки уже опускаются...
Цитата:
Вот... пробуй, в общем
Как уж только не пробовал - руки уже опускаются
...sailor
Проблема в том, что когда ты например пишешь:
Код:
<style type="text/css">
<!--
.mytable {
padding: 20px;
}
-->
</style>
Проблема в том, что когда ты например пишешь:
Код:
<style type="text/css">
<!--
.mytable {
padding: 20px;
}
-->
</style>
Рерята! Помогите!
Уже практически все сделал, только шапка не клеится..
ПОЧЕМУ оранжевая таблица, расположенная в отдельной ячейке не соприкосается с правой таблицей где затемненные картинки???
http://publicpocketgames.com/new/
в шапке есть такой код.
__________
<TR vAlign=center>
<TD vAlign=top width=425 colSpan=10><IMG src="themes/Terra/images/logo.gif" width=425 height=72 border=0></TD>
Это логотип
<TR>
<TD align=left width=416>
<TABLE cellSpacing=0 cellPadding=0 width=416 bgColor=#FE9902 border=0>
а это оранжевая табличка.
Если я ставлю везде ширину 425, то тогда этот машенький темно синий кусочек справа от оранжевой таблицы разделяет и логотип от правой части.
Где бага?
Подскажите, пожалуйста..
Спасибо
Уже практически все сделал, только шапка не клеится..
ПОЧЕМУ оранжевая таблица, расположенная в отдельной ячейке не соприкосается с правой таблицей где затемненные картинки???
http://publicpocketgames.com/new/
в шапке есть такой код.
__________
<TR vAlign=center>
<TD vAlign=top width=425 colSpan=10><IMG src="themes/Terra/images/logo.gif" width=425 height=72 border=0></TD>
Это логотип
<TR>
<TD align=left width=416>
<TABLE cellSpacing=0 cellPadding=0 width=416 bgColor=#FE9902 border=0>
а это оранжевая табличка.
Если я ставлю везде ширину 425, то тогда этот машенький темно синий кусочек справа от оранжевой таблицы разделяет и логотип от правой части.
Где бага?
Подскажите, пожалуйста..
Спасибо
shotgun
Цитата:
Цитата:
Цитата:
Не хочу показаться совсем тупым, но не работает. Нельзя ли готовый HTML (простенький но 100% рабочий), где значение padding ВЛИЯЕТ таки на внешний вид таблицы. А то у меня таблички разваливаются (внутренние элементы на некотором расстоянии от границ вне зависимости от значения padding).
Цитата:
Чтобы твой стиль оказал влияние на ячейки тоже, надо написать такое:
Цитата:
потом HTML:
Цитата:
enjoy!
Не хочу показаться совсем тупым, но не работает
. Нельзя ли готовый HTML (простенький но 100% рабочий), где значение padding ВЛИЯЕТ таки на внешний вид таблицы. А то у меня таблички разваливаются (внутренние элементы на некотором расстоянии от границ вне зависимости от значения padding).sailor
Цитата:
Код:
<html>
<head>
<title></title>
<style type="text/css">
<!--
.mytable >tr >td {
padding: 10px;
}
-->
</style>
</head>
<body>
<table width="500" border="1" cellspacing="0" class="mytable">
<tr>
<td>hhhhhh</td>
<td>gggggg</td>
<td>gggggg</td>
</tr>
</table>
</body>
</html>
Цитата:
Не хочу показаться совсем тупым, но не работает. Нельзя ли готовый HTML (простенький но 100% рабочий), где значение padding ВЛИЯЕТ таки на внешний вид таблицы.
Код:
<html>
<head>
<title></title>
<style type="text/css">
<!--
.mytable >tr >td {
padding: 10px;
}
-->
</style>
</head>
<body>
<table width="500" border="1" cellspacing="0" class="mytable">
<tr>
<td>hhhhhh</td>
<td>gggggg</td>
<td>gggggg</td>
</tr>
</table>
</body>
</html>
shotgun
Цитата:
Попробуй поменять значение в "padding: 10px;" - у меня никаких измененией.
Кстати, cellspacing в CSS никак нельзя сделать? Только padding?
Цитата:
Код:
Попробуй поменять значение в "padding: 10px;" - у меня никаких измененией.
Кстати, cellspacing в CSS никак нельзя сделать? Только padding?
shotgun
Цитата:
не пройдут >tr >td
sailor
А если сделать так:
Код: <html>
<head>
<title></title>
<style type="text/css">
<!--
.a {
padding: 10pt;
}
.b {
border-spacing: 15pt
}
-->
</style>
</head>
<body>
<table width="500" border="4" class=b>
<tr>
<td class=a>hhhhhh</td>
<td class=a>gggggg</td>
</tr>
</table>
</body>
</html>
Цитата:
Свойство не поддерживает механизм наследования.
не пройдут >tr >td
sailor
А если сделать так:
Код: <html>
<head>
<title></title>
<style type="text/css">
<!--
.a {
padding: 10pt;
}
.b {
border-spacing: 15pt
}
-->
</style>
</head>
<body>
<table width="500" border="4" class=b>
<tr>
<td class=a>hhhhhh</td>
<td class=a>gggggg</td>
</tr>
</table>
</body>
</html>
Ну неужели никто не может эту проблему решить???
Помогите..
Добавлено
Задача же не простая.. У меня многие знакомые кожеры что-то не могут понять в чем баг(
Помогите..
Добавлено
Задача же не простая.. У меня многие знакомые кожеры что-то не могут понять в чем баг
(xmaxus
сделал бы сам....
Сделай ВИДИМЫМИ бордюры всех таблиц (если есть вложенные таблицы, сделай бордюры разными цветами) border=1 bordercolor=red/green/blau
После посмотри, где, чего и как у тебя "вылазит" за пределы таблицы.
если всЕ-равно будет не ясно, сохрани шапку в отдельный html файл (с выделенными бордюрами и "отбитыми" отступами в тексте html (для читабельности кода)) и выложи для всеобщего обозрения - оно проще, наверняка, будет (чем в твоЕм исходнике копацца и делать всю эту работу за тебя)
сделал бы сам....
Сделай ВИДИМЫМИ бордюры всех таблиц (если есть вложенные таблицы, сделай бордюры разными цветами) border=1 bordercolor=red/green/blau
После посмотри, где, чего и как у тебя "вылазит" за пределы таблицы.
если всЕ-равно будет не ясно, сохрани шапку в отдельный html файл (с выделенными бордюрами и "отбитыми" отступами в тексте html (для читабельности кода)) и выложи для всеобщего обозрения - оно проще, наверняка, будет (чем в твоЕм исходнике копацца и делать всю эту работу за тебя)
Предыдущая тема: Flash/HTML: Вставка swf-файла на HTML-страницу
Форум Ru-Board.club — поднят 15-09-2016 числа. Цель - сохранить наследие старого Ru-Board, истории становления российского интернета. Сделано для людей.