![]() |
Вопрос по CSS
Как в CSS написать <table height=100%> ?
И где можно в инете документацию грамотную по CSS найти? И ещё интересно как в CSS написать <tr height=1>? |
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> ... ЗЫ Таблицу стилей естественно лучше в отдельный файл запихнуть. |
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: |
denver
Если писать как ты написал, то получается, а если в отдельном файле у меня css и там строчка TABLE.Blue {background-color: #336699; height: 100%;} А в HTMLе <TABLE width="100%" cellSpacing=0 cellPadding=0 class="Blue"> то не получается :( Ошибки не вижу... И ещё ты говоришь, что Цитата:
Можно на этом моменте поподробнее и если не использовать 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> Ну или когда меню слева во всю высоту, например нужно, чтобы в самый низ что-ниубудь засунуть типа счётчика... |
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. |
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 они сами в примерах большими пишут, вот я на большие и перешёл... Захотелось, как у росгосстраха "Всё правильно сделал". :) |
Wild Diablo
Закрывать все тэги или закрывать только обязательные... Писать заглавными или только строчными... все это как раз зависит от dtd файла. Но лучше (для совместимости со всеми dtd) делать так как рекомендуется в спецификации. Ну да если это хоумпага то несущественно тогда ;) |
denver
У меня кроме хоумпаги есть ещё пара комерческих проэктов, но я не хочу сдесь ссылки на них давать, могу в приват кинуть. А проблема значит в том, что я неправильный dtd файл выбрал? |
|
denver
Интересная статья, спасибо. Я конечно так и не понял, какой стандарт использовать у себя, т.к. ни с одним из трёх не работает, но уже примерно представляю в каком направлении двигаться. :cool: |
Wild Diablo
Двигаться нужно к xml путем xhtml. А старые dtd нужны только если очень уж нужна совместимость со старыми браузерами. Что именно не работает с последними dtd? Ты собственно всегда можешь проверить соответсвие твоего html'я стандартам тут и таблицы стилей здесь. Соотвтсвие понятно зависит от DOCTYPE. |
denver
В последних dtd нет высоты для таблиц. Во всяком случае я не нашёл... |
Wild Diablo
Высота должна задаваться в css только. |
denver
Я её в css и задаю, и всё работает, пока не добавлю. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Ну или любой другой dtd. Почему-то после добавления этой строчки мои стили перестают работать :( Точнее все работают, а стиль задающий высоту для таблицы не работает... |
|
Спасибо всем за помощь. Мои букмарки существенно пополнились. :beer:
|
| Часовой пояс GMT +4, время: 16:41. |
Powered by vBulletin® Version 3.8.5
Copyright ©2000 - 2026, Jelsoft Enterprises Ltd.