Jump to content
  • 0

выравнивание в ячейках таблицы


rgl
 Share

Question

Есть таблица, нужно задать в некоторых колонках выравнивание по центру, а в других - по правому краю. При этом ОЧЕНЬ нежелательно писать что-либо в каждом теге td, хоть align хоть класс.

Пробовал сделать с помощью тегов col, но не работает в firefox и в хроме.

Также пробовал с помощью стилей, задавать для td, td+td, td+td+td, но тоже работает не во всех браузерах.

Подскажите что нужно сделать чтобы работало везде?

Еще раз, хочется задать выравнивание один раз на все ячейки колонки, а не в каждой ячейке отдельно.

Вот пример что смог сделать, но не работает в хроме и firefox

http://inna-sun.ru/pr_holm.htm

Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0
#tb col {

text-align:center;

}

Во-первых, нужно задать выравнивание для каких-то колонок по центру, а для каких-то по правому краю. Ну а во-вторых, похоже что выравнивание, заданное в теге col работает не во всех браузерах. Странно, ширина задается правильно вроде во всех, а выравнивание - нет.

JS Код займёт несколько строчек. Нужно пройтись по таблице, строкам и в каждой второй ячейке выровнять текст по центру.

Если ничего другого не найдется, то так и сделаю. Все-же хочется чтобы выравнивалось правильно даже если скрипт отключен.

Link to comment
Share on other sites

  • 0

rgl,

Как вариант для ячеек, которые должны выравниваться по центру использовать <th>, по правому краю <td>. Не совсем правильно, конечно. Но, если таблицу не планируется менять, то, думаю должно подойти.

А так, да. В идеале бы найти решение с <col>. Странно, что в FF, даже при прямом задании выравнивания в атрибутах, не работает...

Edited by sigma77
Link to comment
Share on other sites

  • 0

Полный звездец!

Вы про закрывающие теги слышали?! Про доктайп слышали?! С таким бардаком вообще удивительно, что хоть что-то отображается!

Читаем про html и css, переделываем все, и только потом с проблемами сюда.

Это что?

<tr><td>2<td>6,20<td>20 000<td>124 000
<tr><td>3<td>6,30<td>20 000<td>126 000

<tr><td>4<td>6,40<td>20 000<td>128 000
<tr><td>5<td>6,50<td>20 000<td>130 000
<tr><td>6<td>6,60<td>20 000<td>132 000
<tr><td>7<td>6,70<td>20 000<td>134 000
<tr><td>8<td>6,70<td>20 000<td>134 000

и так вся таблица!

Link to comment
Share on other sites

  • 0

Searcher,

Может тогда скажешь при каком доктайпе FF понимает горизонтальное выравнивание для <col>?

https://developer.mozilla.org/en/HTML/Element/col

Полный звездец!

Вы про закрывающие теги слышали?!

Это что?

и так вся таблица!

Закрытие <tr> и <td> не для всех доктайпов является обязательным. :)

Хотя, конечно, их лучше закрывать при любом доктайпе.

Edited by sigma77
Link to comment
Share on other sites

  • 0

Немного проясню ситуацию

1. Тегу col присваиваются очень ограниченное количество стилей.

* ширина

* выравнивание горизонтальное и вертикальное

Может еще что-то, не помню

2. Стили, присвоенные в COL, имеют низший приоритет. Любое переопределение стиля для TD перекрывает стили в COL

Link to comment
Share on other sites

  • 0

Всем спасибо за ответы. Так как "совсем правильного" решения никто подсказать не смог, делаю вывод что такого и нет.

Полный звездец!

Вы про закрывающие теги слышали?! Про доктайп слышали?! С таким бардаком вообще удивительно, что хоть что-то отображается!

Читаем ..., переделываем все, и только потом с проблемами сюда.

................

То, что находятся люди, которые, не будучи в состоянии сказать что-либо по существу, начинают говорить общие поучительные слова о "правильности", "порядке" и т.д., причем в недопустимых тонах, для меня не новость.

В данном конкретном случае крайне желательно, чтобы среди собственно данных было минимальное количество другой информации, будем считать что это навязанное мне условие, именно поэтому отсутствуют закрывающие td и tr, именно поэтому и не хочу писать align в каждом теге td, именно поэтому и появился у меня вопрос.

На отсутствие закрывающих тегов td и tr не ругается валидатор, вот, посмотрите:

http://validator.w3.org/check?uri=http://i...Validator/1.767

Кстати, кто-нибудь может объяснить, почему валидатор ругается на закрывающих тег head?

И еще вопрос - что делать, если валидатор ругается на что-то внутри кода счетчика, который я исправлять не могу?

Link to comment
Share on other sites

  • 0
Кстати, кто-нибудь может объяснить, почему валидатор ругается на закрывающих тег head?
Another possibility is that you used an element which requires a child element that you did not include. Hence the parent element is "not finished", not complete. For instance, in HTML the <head> element must contain a <title> child element, lists require appropriate list items (<ul> and <ol> require <li>; <dl> requires <dt> and <dd>), and so on.

Ругается на отсутствие элемента title в head.

Every HTML document must have a TITLE element in the HEAD section.

http://www.w3.org/TR/html401/struct/global.html#edef-HEAD

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy