IMHO.WS

IMHO.WS (https://www.imho.ws/index.php)
-   Веб-программирование (https://www.imho.ws/forumdisplay.php?f=29)
-   -   Вопрос по CSS (https://www.imho.ws/showthread.php?t=67716)

Wild Diablo 05.09.2004 00:05

Вопрос по CSS
 
Как в CSS написать <table height=100%> ?
И где можно в инете документацию грамотную по CSS найти?

И ещё интересно как в CSS написать <tr height=1>?

denver 05.09.2004 00:14

Wild Diablo
1. Забудь про 100% height, такого не бывает. Ну а если в часности то скажем так <table style="height: 100%">
2. <tr style="height:1px">

или в таблице стилей:
<html>
<head>
<style type="text/css">
table { height: 100% }
tr { height: 1px }
</style>
</head>
...

ЗЫ Таблицу стилей естественно лучше в отдельный файл запихнуть.

Lacrimosa 05.09.2004 01:00

2.

_http://www.citforum.ru/internet/html/csstutorial.shtml
_http://www.w3schools.com/css/default.asp
_http://www.meyerweb.com/eric/css/edge/
_http://yaca.yandex.ru/yca/cat/Computers/Internet/Web_Development/html/
_http://css.wallst.ru/
_http://webmaster.xeno.ru/
_http://webclass.polyn.kiae.su/classes/css12/
_http://www.codenet.ru/webmast/html/

:beer:

Wild Diablo 05.09.2004 01:01

denver

Если писать как ты написал, то получается, а если в отдельном файле у меня css и там строчка TABLE.Blue {background-color: #336699; height: 100%;}
А в HTMLе <TABLE width="100%" cellSpacing=0 cellPadding=0 class="Blue">
то не получается :( Ошибки не вижу...

И ещё ты говоришь, что
Цитата:

Забудь про 100% height, такого не бывает.
.
Можно на этом моменте поподробнее и если не использовать 100% высоту, то как сделать например такую страничку:
<Table style="height: 100%">
<tr style="height:30px" bgcolor=pink><td></tr>
<tr><td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</tr>
<tr style="height:30px" bgcolor=pink><td></tr>
</table>

Ну или когда меню слева во всю высоту, например нужно, чтобы в самый низ что-ниубудь засунуть типа счётчика...

denver 05.09.2004 03:48

Wild Diablo
Я ошибся, сорри. С таблицами 100% высота - ноу проблем.
По ходу, TABLE.Blue {background-color: #336699; height: 100%;} у меня работает ок и под IE и под оперой и мозиллой. Приведи полный файл, посмотрим.

ЗЫ. несколько моментов из рекоммендаций w3c:
1. тэги пишем только строчными буквами <table>
2. обязательно закрываем все тэги (<td> например ты не закрываешь).
3. bgcolor не указываем, пишем его тоже в css так: "background: pink".
4. ну и если есть уже внешний файл стилей то зачем прописывать еще стили в html? Весь смысл теряется.

Наиболее полное руководство по определению тут:
http://www.w3.org/TR/REC-CSS2/
неофициальный перевод здесь:
http://pyramidin.narod.ru/css2/index.htm

Кроме того полезно еще:
http://pyramidin.narod.ru/html401/index.htm
(относительно рекоммендованных и нерекомендуемых параметров тэгов и т.п.)

Цитата:

Если писать как ты написал, то получается, а если в отдельном файле...
Может не так подключаешь?
<html>
<head>
<link href="default.css" type="text/css" rel="stylesheet" />
</head>
...

Это если default.css находится в той же директории что и html.

Wild Diablo 05.09.2004 12:07

denver
<td> раньше всегда закрывал, но вчера почитал вот эту ссылку:
http://www.w3.org/TR/html401/struct/tables.html
А там предлагают таблицы писать не закрывая:
<TABLE border="1"
summary="This table gives some statistics about fruit
flies: average height and weight, and percentage
with red eyes (for both males and females).">
<CAPTION><EM>A test table with merged cells</EM></CAPTION>
<TR><TH rowspan="2"><TH colspan="2">Average
<TH rowspan="2">Red<BR>eyes
<TR><TH>height<TH>weight
<TR><TH>Males<TD>1.9<TD>0.003<TD>40%
<TR><TH>Females<TD>1.7<TD>0.002<TD>43%
</TABLE>

--------------

Решил на время экспериментов стили писать не отдельным файлом, а в HTML.
Вот полный текст:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<TITLE>My first HTML document</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=windows-1251">
<LINK rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<table style="height: 100%">
<tr style="height:30px" bgcolor=pink><td></tr>
<tr><td>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diem nonummy nibh euismod tincidunt ut lacreet dolore magna aliguam erat volutpat.</tr>
<tr style="height:50px" bgcolor=pink><td></tr>
</table>
</body>
</html>

А проблему нашёл, проблема в строчке:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

А началось всё с того, что я решил свою страничку переделать под стандарты HTML. Но в стандартах решили убрать высоту для тега <table>, а без него я не представляю как сделать страничку, вот такую, например: моя страничка.
Там можешь посмотреть мой HTML код как я его писал до того, как стал под html 4.01 подгонять и css там тоже можешь глянуть.

P.S. А всё маленькими надо в каком-то другом стандарте писать, а в html 4.01 они сами в примерах большими пишут, вот я на большие и перешёл... Захотелось, как у росгосстраха "Всё правильно сделал". :)

denver 05.09.2004 13:59

Wild Diablo
Закрывать все тэги или закрывать только обязательные...
Писать заглавными или только строчными...
все это как раз зависит от dtd файла. Но лучше (для совместимости со всеми dtd) делать так как рекомендуется в спецификации.

Ну да если это хоумпага то несущественно тогда ;)

Wild Diablo 05.09.2004 14:44

denver
У меня кроме хоумпаги есть ещё пара комерческих проэктов, но я не хочу сдесь ссылки на них давать, могу в приват кинуть.

А проблема значит в том, что я неправильный dtd файл выбрал?

denver 05.09.2004 14:46

Wild Diablo
Угу. Почитай тута статью:
http://www.webmascon.com/topics/coding/25a.asp

Wild Diablo 05.09.2004 16:19

denver
Интересная статья, спасибо. Я конечно так и не понял, какой стандарт использовать у себя, т.к. ни с одним из трёх не работает, но уже примерно представляю в каком направлении двигаться. :cool:

denver 05.09.2004 16:29

Wild Diablo
Двигаться нужно к xml путем xhtml. А старые dtd нужны только если очень уж нужна совместимость со старыми браузерами. Что именно не работает с последними dtd? Ты собственно всегда можешь проверить соответсвие твоего html'я стандартам тут и таблицы стилей здесь. Соотвтсвие понятно зависит от DOCTYPE.

Wild Diablo 05.09.2004 17:26

denver
В последних dtd нет высоты для таблиц. Во всяком случае я не нашёл...

denver 05.09.2004 17:34

Wild Diablo
Высота должна задаваться в css только.

Wild Diablo 05.09.2004 19:01

denver
Я её в css и задаю, и всё работает, пока не добавлю.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
Ну или любой другой dtd. Почему-то после добавления этой строчки мои стили перестают работать :( Точнее все работают, а стиль задающий высоту для таблицы не работает...

Sheryld 06.09.2004 16:10

http://www.imho.ws/showpost.php?p=605609&postcount=4

Wild Diablo 06.09.2004 17:48

Спасибо всем за помощь. Мои букмарки существенно пополнились. :beer:


Часовой пояс GMT +4, время: 16:41.

Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.