Мои вопросы по html/css

[Andrey589]

Здравствуйте. Хочу все прописать в css файле. Нужно чтобы сайт-таблица был поцентру экрана. В html - это <center></center>, единственное нашел в интрнете, в css прописать Table {margin-left:auto; margin-right:auto;} но немного странным показалось, не будет ли каких-нибудь ошибок? Возможно ли в css файле указания подобного align: center?

[ghost]

А почему бы не прописать это в html? я делаю так.

<table border="1" align="center">

[Andrey589]

А почему бы не прописать это в html? я делаю так.

<table border="1" align="center">

Просто хочется чтобы все было в css файле для удобства. Я просто не понял почему нельзя прописать align в css файле.

[Нет]

Andrey589, в CSS нет свойства «align», поэтому его там прописать и нельзя. Для выравнивания блока с заданной шириной по центру экрана используется именно то, что вы написали — свойство «margin» со значениями auto справа и слева. Это означает, что браузер будет отступать от правого и левого края таким образом, чтобы значения были равны друг другу. Ошибок никаких не будет.

Edited December 15, 2010 by Нет

[ghost]

В любом случае не получится запихнуть все в CSS мне кажется важно именно сочитать HTML+CSS

[eVErl@Sting]

margin:0 auto;

[mishka]

Так как это табличка то ей не нужно указывать явно ширину для центрирования.

margin: 0 auto; вполне достаточно.

[Andrey589]

Спасибо. Еще вопросы.

1) Хочу в html документе дать <tr Id="1">, в css #1 {height: 100;} Но высота не изменяется. Изменяется только если просто в html написать <tr height="100">

2) Есть ли ваш htmlbook учебник наподобии css, только по html и php? С возможностью скачать.

Edited December 15, 2010 by Andrey589

[Нет]

Andrey589, нельзя начинать идентификаторы и классы с цифр, а также нужно указывать, в каких единицах вы задаете высоту. CSS отличается от написания атрибутов прямо в HTML.

Edited December 15, 2010 by Нет

[Andrey589]

Andrey589, нельзя начинать идентификаторы и классы с цифр, а также нужно указывать, в каких единицах вы задаете высоту. CSS отличается от написания атрибутов прямо в HTML.

Спасибо. А насчет справочников подобному по css не подскажите, можно скачать или нет?

Вопрос насчет картинки. Когда она попадает в tr размерами один к одному (tr и картинка), то картинка уходит вниз и вправо. Не смог поставить картинку в полное поле tr, параметры равны.

Edited December 15, 2010 by Andrey589

[Int]

А может попробовать ещё вот это?

tr {padding:0;}

tr img {margin:0;}

По поводу скачать учебник:

wget -r -l 1 -p -k http://htmlbook.ru/css

Не учебник, но обычно больше и не надо.

Edited December 16, 2010 by Int

[Andrey589]

Спасибо, но я по этому справочнику на сайт попал.

Ответьте пожалуйста. Не могу понять почему так. Сайт из 4х таблиц. Одна идет за другой. Первая 780 на 150 и в ней 3 картинки по 260 на 150. Таблица cellpadding="0" cellspacing="0". Но по краям у первой таблицы выступает по одному пикселю полей. Т.е. картинки полностью вмещаются - 780, сама таблица тоже 780, остальные таблицы тоже 780 и у всех border 1px, но именно первая таблица почему-то больше на 2 пикселя по краям. Можно уровнять, чтобы остальные таблицы были по 782 пикселя. Но это как-то странно. Эти два пикселя наверно от схождений трех картинок, но между ними нет полос, тогда почему эти 2 пикселя присутствуют?

Edited December 15, 2010 by Andrey589

[WhiteNight]

Спасибо, но я по этому справочнику на сайт попал.

Ответьте пожалуйста. Не могу понять почему так. Сайт из 4х таблиц. Одна идет за другой. Первая 780 на 150 и в ней 3 картинки по 260 на 150. Таблица cellpadding="0" cellspacing="0". Но по краям у первой таблицы выступает по одному пикселю полей. Т.е. картинки полностью вмещаются - 780, сама таблица тоже 780, остальные таблицы тоже 780 и у всех border 1px, но именно первая таблица почему-то больше на 2 пикселя по краям. Можно уровнять, чтобы остальные таблицы были по 782 пикселя. Но это как-то странно. Эти два пикселя наверно от схождений трех картинок, но между ними нет полос, тогда почему эти 2 пикселя присутствуют?

между <img /> и последующими/предыдущими тэгами убери пробелы и переводы строк.

Вроде такого: <td><img src="one.gif" /></td>

[Int]

Andrey589 во всех браузерах так? Можно firebug'ом посмотреть, что выступает.

[eVErl@Sting]

К тэгу <TR> не правильно и не грамотно что либо указывать в нутрии него или в CSS, это как <BR> но только для таблиц, указывай свойства для table и td, но не для tr.

Edited December 16, 2010 by eVErl@Sting

[Int]

И правда, я после концерта что-то плохо соображал.

tr td {}

tr td img {}

Кстати, <br> тоже бывает разный, в зависимости от размера шрифта.

Edited December 16, 2010 by Int

[Andrey589]

Всетаки не могу исправить.

Вот таблица

<Table id="Table_1" cellpadding="0" cellspacing="0">

<tr>

<td height="150"><img src="C://папка/папка/файл_1.jpg" width="260" height="150"></td>

<td height="150"><img src="C://папка/папка/файл_2.jpg" width="260" height="150"></td>

<td height="150"><img src="C://папка/папка/файл_3.jpg" width="260" height="150"></td>

</tr>

</table>

css

#Table_1 {

background: #FFCC66;

width: 780px;

border-left: 1px solid;

border-right: 1px solid;

border-top: 1px solid;

border-color: #000000;

}

Остальные таблицы идут дальше. Но эта больше других на один бордюр, хотя у других тоже бордюр 1px есть. Картинки полностью 260 на 150 пикселей. Когда удаляются картинки все ровно и все таблицы равны по ширине. Проверяю в IE 8 64-bit windows 7.

Edited December 16, 2010 by Andrey589

[eVErl@Sting]

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

если 3х150 будет 450, почему ширина таблицы 780?

по твоему вопросу чтобы таблицу сделать по середине добавь:

#Table_1 {
background: #FFCC66;
width: 780px;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
border-color: #000000;
margin:0 auto
}

[Andrey589]

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

Все с маленьких букв и на английском.

если 3х150 будет 450, почему ширина таблицы 780?

Ширина не 150, а 260x3=780

margin:0 auto

Спасибо, я удалил эту строку, потому, что отдельно есть table {margin: 0 auto;}

Edited December 16, 2010 by Andrey589

[eVErl@Sting]

Все с маленьких букв и на английском.

Ширина не 150, а 260x3=780

Спасибо, я удалил эту строку, потому, что отдельно есть table {margin: 0 auto;}

Да чего то вчера под конец дня видимо голова уже не соображала..

А по поводу букв в верхнем регистре я написал потому что код что ты на форуме разместил имеет их..

Edited December 17, 2010 by eVErl@Sting

[eVErl@Sting]

Предлагаю вот такое вот РЕШЕНИЕ

На деле с верхним блоком было все ок, он правильного размера, а вот остальные на 2 пикселя меньше...я вставил по верх каждого блока 1x1 пиксельный прозрачный гиф файл с шириной 780 что заставило таблицу принять правильный размер.

Edited December 17, 2010 by eVErl@Sting

[Andrey589]

Спасибо за решение! Получается это какято внутренняя ошибка?

[Andrey589]

Использую ваш справочник. Есть например

<SELECT NAME="navSelect"
  ONCHANGE="top.location.href =
	this.options[this.selectedIndex].value">
  <OPTION>Выбор раздела</OPTION>
  <OPTION VALUE="1.html">1 страница</OPTION>
  <OPTION VALUE="2.html">2 страница</OPTION>
  <OPTION VALUE="3.html">3 страница</OPTION>
  <OPTION VALUE="4.html">4 страница</OPTION>
  <OPTION VALUE="5.html">5 страница</OPTION>
</SELECT>

top.location.href = this.options[this.selectedIndex].value - это определенные полускриптовые команды? Они могут применяться везде или только в select? И используются они сейчас или вместо них css или активные скрипты?

[Andrey589]

Еще вопросы.

1) Для чего нужно соблюдать валидацию, когда ни один браузер не поддерживает определенный атрибут? Т.е. он в спецификациях заложен, но его не используют? А в случае наоборот, все браузеры могут его распознавать, а в спецификациях его нет.

2) Что значит желтый прямоугольник в окне совместимостей тега\атрибута на сайте в справочнике?

3) Известно ли, сколько пикселей занимает по горизонтали каждый из 5 браузеров? Или сколько пикселей занимает рамки окна самого большого по ширине браузера, или они все одинакого занимают пикселей?