UNIX

Здравствуйте. Разъясните пожалуйста один момент: тэг TBODY может иметь стиль CSS или нет? Если я правильно понимаю спецификацию (в чем я не уверен), то Да, может, но как-то странно стили с этим тэгом работают. Наппример такие свойства, как: font-size или text-align к TBODY применяются, а вот border почему-то нет. Это так и должно быть или я чего-то недопонимаю? Спасибо.

Здравствуйте. Такое дело: есть таблица, в ней 3 столбца, ячейки первого столбца должны иметь отступ от границы таблицы 10рх (т.е. padding-left: 10px). Можно ли как-то задать такой отступ при этом не трогая остальных столбцов и не добавляя лишних классов? Вот можно было бы добавить класс для всего столбца, а не для каждой ячейки в отдельности, т.к. если в таблице несколько десятков (возможно сотен) записей, то добавление примитивного отступа к каждой ячейке не хило увеличивает вес всей страницы. Спасибо.

Здравствуйте. У меня опять проблема. Что-то не могу понять как высоту таблицы задать. Нужен эффект примерно как на http://ya.ru т.е. что бы строка с копирайтами была строго внизу окна, а не тела документа. Задавал height=100% для table и работало, как надо, а в спецификации сказано, что это свойство для тега table не поддерживается. Как на том же яндексе это сделано, так и не понял.

Код кривой, показывать не хотелось)) Поясню: шапка не имеет границ, каждая строка таблицы состоит из трех ячеек (левая, средняя, правая) + самая нижняя строка - это одна ячейка. CSS .table_head { // Шапка таблицы text-align: center; background: #000000 url(images/head.gif) repeat-x; height: 19px; } #cell_l { // Левая ячейка border-left: 2px solid #757575; border-bottom: 1px solid #eeeeee; vertical-align: baseline; padding-left: 10px; width: 70%; } #cell_c { // Средняя ячейка border-bottom: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-left: 1px solid #eeeeee; vertical-align: baseline; text-align: center; width: 15%; } #cell_r { // Правая ячейка border-right: 2px solid #757575; border-bottom: 1px solid #eeeeee; vertical-align: baseline; text-align: center; width: 15%; } #cell_bottom { // Это низ (тут все 3 ячейки совмещены) font-size: 12px; vertical-align: bottom; text-align: right; border-right: 2px solid #757575; border-bottom: 2px solid #757575; border-left: 2px solid #757575; } HTML <table align="center" width="75%"> <tr> <th class="table_head" colspan="3">Шапка таблички</th> </tr> <tr> <td id="cell_l">Левый столбец</td> <td id="cell_c">Центральный столбец</td> <td id="cell_r">Правый столбец</td> </tr> <tr> <td colspan="3" id="cell_bottom">А вот это самый низ</td> </tr> </table> Вот как-то так. Кстати забыл сказать: в ИЕ 6 этот код работает, как надо.

Так что же, просто забить? Шапка таблицы залита градиентом. Если добавить бордер, эффект не менее чудовищный получается. Это, извините, для чего (правда не понимаю)?

Hi All! Разъясните пожалуйста один момент. Имеется таблица, шапка этой таблицы не имеет границ, а вот само тело обрамлено границей толщиной 2 пикселя. На стыке шапки и тела, возникает неприятный эффект (см. рисунок). Как от этого можно избавиться? По сути нужно как-то "втолкнуть" границу внутрь ячейки, а не наружу. Сдается мне, CSS такого не умеет. Фокус с добавлением ячеек по краям прошу не предлагать, хотелось бы без этого.

Так точно. Обнулил. Эффект тот же.

Пробовал. Даже когда margin: 0 всё равно остается небольшой отступ. Выяснил что он равен 5рх. Сделал ширину нижних элементов 195рх. Смотрелось неплохо, открыл в опере... неподходит. должно же быть какое-то универсальное решение.

Доброго времени суток. Подскажите пожалуйста, какой отступ между элементами формы установлен по умолчанию. Даже не совсем так. Есть форма: текстовое поле, а под ним селект и кнопка. Нужно что бы селект с кнопкой занимали такую же ширину, как текстовое поле. Скажем, текстовое поле имеет ширину 200рх, тогда ниже расположенные селект и кнопка шириной по 100рх, НО между селектом и кнопкой небольшой промежуток, из-за этого самого промежутка нижние элементы уродливо выпирают. Пробовал для селекта margin-left: 0px но промежуток остался, можно конечно и отрицательное значение задать, тогда они впритирку будут, что тоже некрасиво. Подскажите как их выровнять?

Спасибо. Коротко и ясно.

Здравствуйте. Возник такой вопрос. Имеется, скажем, конструкция: this.style.border = '#ff0000 2pt solid' или this.style.background = '#fff'. Такие конструкции позволяют присвоить некоторые стили элементу, а есть ли нечто, вроде: this.style.??? = '<имя_класса>'. Т.е. можно как-то повлият не на одно какое-то свойство, а сразу присвоить ранее определенный стиль? Спасибо.

Это почему? Цвет фона, например. Почему бы не сменить. За предложенный вариант с дивами спасибо. Я несколько иначе вопрос решил. Просто сбросил настройки шрифта к дефолтовым. Странно, в остальных-то бровzерах нормально всё было.

Hi All! Тема наверно уже не раз подымалась, но ответа я найти не смог. Проблема вот в чем: есть форма, содержащая 3 элемента (select, input, button). Задаю высоту для всех 3 элементов равную 20px. Кнопка и текстовое поле по высоте равны, а вот селект чуть-чуть выше. При чем в опере, файерфоксе и гуглохроме они одинаковые, а вот ИЕ6 как обычно капризничает. Можно это, как-то забороть не прибегая к экстраординарным мерам? Вариант с JS'ным селектом как раз из таких экстраординарных))

Доброго времени суток, господа! Собственно по сабжу: можно ли сделать нечто подобное средствами CSS? Немного уточню: хотелось бы, что бы при наведении курсора на элемент списка, появлялся маркер, когда курсор уходит - маркер исчезает (примерно, как на qip.ru в главном меню). Хотелось бы обойтись БЕЗ js.