css
 

как заменить html атрибуты: cellpadding=0 и cellspacing=0, свойствами в css ?

padding and margin
соответственно можно через тере к каждому свойству добавлять одно из значений top, bottom, right, left, чтобы установить расстояния для определённной стороны блок-элемента, типа:
margin-top: 10;
padding-left: 6;

vadimiron
А я был уверен, что аналога cellspacing в css нету. Проверил. "marign:0px;" никак не влияет на cellspacing. Может я что-то делаю не так?

уточню, под ie хотелось бы..

теперь меня еще интересует как записать через css colspan и rowspan...

FADE
А зачем такое нужно? :)
Неужели трудно найти нормальную доку по css?

Мне, например, очень понравился этот ресурс

простите, но в спецификациях ксс нет описаний таких элементов как colspan rowspan и select. насчет cellspacing и cellpadding не уверен.

ищу тут ответа только по тому что знаю что в селекте можно например чтото изменить стилями.

margin и padding это отступы внутри и снаружи контейнера. Соответственно к ячейке нужно применять лишь то, что нужно. Еще ко всему у разных броузеров разная же политика в отношении отрисовки тегов по умолчанию :(. Можно посоветовать поломать зубки на выводе общей формулы на css (что у меня не вышло в свое время) или использовать свойства тегов.

И все таки colspan и rowspan не имеют отношения к css, это структура таблицы, поэтому и нет их в css ;)
А что там про select?

Дабы не начинать новую тему, этот топик видится мне наиболее подходящим дл того, что бы задать свой вопрос:
В соответствии со спецификацией HTML (насколько мне известно) тег TABLE не имеет атрибута HEIGHT, хотя многие его используют и многие браузеры корректно его обрабатывают (правда только в том случае, если у документа не указан DTD). Простой пример тому, небезызвестная страничка http://www.ya.ru/. Использование вышеуказанного атрибута позволяет довольно красиво оформлять формы и таблицы по центру окна браузера. Так вот, собственно, и сам вопрос: как реализовать такое стандартными средствами HTML, ибо как говорится в подписи автора этого топика, Другими словами, необходимо сделать горизонтальное и вертикальное центрирование формы по центру окна браузера. Может кто сталкивался с подобной задачей?

Тоже вариант, но скорее финт ушами, чем решение вашего вопроса с вашими же условиями.

Prisoner
Это практически то, что мне и было нужно. Этот финт ушими как раз и есть решение моего вопроса, и насколько я пока с этим разобрался, ни одно из условий не нарушено: таблице можно установить HEIGHT:100% при этом не нарушая спецификацию HTML. Большое спасибо, Prisoner, не первый раз выручаешь.

archy
а как тогда сделать это с помощью JavaScript?

Prisoner
я бы сказал : снаружи и внутри..

спасибо

Oaxa, на здоровье :)
elfoflorien, в смысле? Это уже точно будет финт ушами :)
FADE, если ты говоришь, то скорее всего так - я три года уже их путаю и каждый раз смотрю спецификацию :)

Prisoner
Да, я согласен, но вопрос не снимаю - люблю до всего докапываться :)

Кстати, еще один вопрос:
модераторы, простите, не хочу создавать новую тему :moderator
как использовать фильтр alpha?
в смысле, как включить его в текст программы, какие у него настройки.
Желательно с примерами.

elfoflorien, я что-то потерял нить разговора на счет JS. Можно пояснить? А на счет фильтра см. аттач.

Prisoner
где-то в начале обсуждения этого топика FADE поднял вопрос о записи параметров
colspan и rowspan при помощи css.
поскольку, как было сказано выше, colspan и rowspan не имеют отношения к css,
я хотел бы узнать, можно ли сделать colspan и rowspan через JavaScript

в таком случае я бы хотел узнать как сделать colspan и rowspan с помощью SGML )

elfoflorien
Я понимаю, что это совершенно не моё дело, но никак не могу понять: зачем так извращаться? Какие преимущества в данном вопросе могут быть у JS перед HTML?

elfoflorien
colSpan (обратить внимание на заглавную S)
{[Объект ячейки}.colSpan[ = {число ячеек, объединяемых в одну}]
Чтение, запись. Можно оперировать только после полной загрузки страницы.
rowSpan - аналогично colSpan
Пойдет? Не уверен на счет совместимости not IE.
Oaxa, а если хочется предоставить пользователю возможность самому рисовать табличку WIUSWIUG? Скажем в такой вкусной штуке как CMS.

Вот это меню же написанно на css как называется такая фича?

С такой же проблемой столкнулся
Написано что можно заменить:
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;

margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;

аналог:
margin: 0 0 0 0 px;
padding: 0 0 0 0px;

или:
padding:0 px;
margin: 0 px;

по идеи должен быть нулевой отступ от таблицы.
У меня следующий код
CSS
html

и что получается, таблица в таблице не вплотную примыкает к границе, а именно этого и нужно мне добиться.


Если написать cellspacing=0 cellpadding=0 в этой таблице, то будет всё окей –(.

А и следует сделать - это раз. Некорректно использовать id с неуникальными значениями в пределах документа - это два. Значение и единица измерения в css пишутся слитно, а для нуля е.и. можно опускать - это т-т-ри :). Просто идеи идеями, а вот броузеры по иным идеям работают :(, не w3c'шными уж точно.

А если CSS подключать через файл(<link scr=>) они бужут грузится полностью?...
т.е. если у меня файлик CSS будет весить 200кб - будный юзер будет ждать пока все загрузится?...

Именно.

вот ****.....:(
___
а если подключать через линк - css файл будет храниться в кеше(по умолчанию)?
также как и скрипты?
(ну, если писать скрипты в html файле они грузятся всегда заново, а если подключать через SRC, то 1 загрузка - а потом из кеша)..

Верно. Тоолько сервер при отдачи файла (css, js) генерит заголовки о "старости" файла или о статусе некешируемости. Если заголовки будут сформированны каждый раз таким образом,что броузер будет видеть их устаревшесть, то естественно, что файл будет запрошен повторно при следующем посещении страницы. Так что тут не без нюансов. Но это лирика - чаще всего таких ситуаций не возникает.

значит все таки link...
___
а как через стили сделать прозрачные слои?...

т.е. например хочу я сдлеать 2 слоя..
второй(верхний) заливают серым цветом и делаю 50% прозрачность...

и главное, чтобы работало во всех браузерах.
работает только в Осле :(

по идеи все эти фильтры работают только в ИЕ (ну и возможно ещё в Опере)

Xcode
Сделать фоном div-а полу-прозрачный png. Правда, png с альфа-каналом поддерживают все, кроме ие. то бишь в нём работать это не будет.

Если нужна 50-процентная прозрачность, то можно сделать фоном гиф, у которого в шахматном порядке чередуются прозрачные пикселы и пикселы фона.

Читал где то что можно объединить классы в CSS2 но позабыл как.
Например у меня есть два класса
.ct{
width:700px;
}
ну и например

.bor{
border:1px solid #C7CCCF;
background:#FFF
}

и нужно ко одному DIV применить и ct и bor, как это сделать, возможно ли? или это мне приснилось

LEXX2002
Можно попробывать одно оставить классом, а другое сделать идентификатором, тогда будет: <div class=ct id=bor> и всё будет работать

Xcode, ivank, vadimiron
Есть такая приблуда к IE как png behavior. Применяя ее можно использовать полупрозрачные png без оглядки, что IE с ними не работает :).

LEXX2002
vadimiron
Достаточно классы написать через пробел <dic class="ct bor">

Prisoner
Я ие не пользуюсь, поэтому в целом мне всё равно. К тому е там решение использующее фильтры, а нестандартно, по-любому придётся писать несколько вариантов кода. А через фильтры в ие и без этого расширения можно получить прозрачность, если не ошибаюсь.

ivank
В том-то и дело, что behavior позволяет применять png без написания нескольких вариантов кода. Behavior просто подключается в css и работает в "фоновом режиме". Это очень удобно - другие бродилки игнорируют в классах стилей определение behavior и работают как привыкли, а вот IE кардинально меняет свое поведение с png - рисует их как и все остальные - как надо. Воть.

LEXX2002 нет не приснилось)))

помимо точки в css можно использовать двоеточие решетку и даже собаку также можно задать стиль для тега, напиши просто имя тега без знаков препинания:)

а в теге используй class= и id=

Prisoner
спасибо за линк... весьма занимательно...
а что вообще можно еще сделать с бехавиорами(поведениями)?
(гугль чёт не грузитс:()

http://webfx.eae.net/ - к примеру. Ну и MSDN :).

не...токо не этот наркотик.. трафик жрет, как не знаю кто... =)