Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> HTML -> CSS 
:(
    Опции темы
mr.Anderson
Дата 29.10.2006, 14:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


iOS Lead Developer
****


Профиль
Группа: Участник Клуба
Сообщений: 3374
Регистрация: 20.12.2004
Где: далеко

Репутация: нет
Всего: 128



Переведите пожалста вот этот ХТМЛ:
Код

<TABLE align='center' width='0' border='1' bordercolordark='black' bordercolorlight='brown' cellspacing='1' cellpadding='4'>

На CSS. Т.е. чтобы у меня эта таблица управлялась одним CSS-классом, в котором были бы все вышеперечисленные свойства.


--------------------
user posted image

user posted image
PM MAIL ICQ Skype   Вверх
griker
Дата 29.10.2006, 15:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


MDMA
**


Профиль
Группа: Участник
Сообщений: 290
Регистрация: 14.7.2006
Где: Tallinn

Репутация: 1
Всего: 8



Вот ссылка на отличную информацию относительно оформления таблиц
Там подробно описана работа с таблицами использую CSS smile 
Желаю удачи smile 


--------------------
I don't respect police
PM MAIL   Вверх
Str!pe
Дата 2.11.2006, 23:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



что то вроде так

Код

<table class="css"></table>


Код

.css {
    text-align: center;
    width: 0; 
    border: 1px solid; 
    border-color: black brown;
    padding: 4;
    margin: 1;
    }



--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
SelenIT
Дата 3.11.2006, 00:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Str!pe, как минимум, border отрендерится существенно иначе. И text-align не работает снаружи элемента. И для ненулевых размеров обязательно указывать единицы.

sim7, строго по стандарту это будет так:
Код

.css {
    margin: auto;
    border: 1px solid;
    border-color: brown black black brown;
    border-spacing: 1px;
}
.css th, .css td {
    border: 1px solid;
    border-color: black brown brown black;
    padding: 4px;
}

В новых браузерах (Gecko-based, Opera) оно будет выглядеть так же, как приведенный HTML - в IE.
К сожалению, для самого IE (ниже 7-ки)
  • margin: auto; центрирует таблицу только в CSS1Compat mode (при DOCTYPE со ссылкой на W3C), и только в 6-ке;
  • border-spacing не поддерживается вообще, поэтому ширина границ будет не 1, а 2px.


Это сообщение отредактировал(а) SelenIT - 3.11.2006, 00:35


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
stschurik
Дата 3.11.2006, 16:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 7
Регистрация: 3.11.2006

Репутация: нет
Всего: нет



а "border-collapse"
PM MAIL   Вверх
SelenIT
Дата 3.11.2006, 16:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



stschurik, это вопрос? "border-collapse" IE понимает. Но в данном случае оно не подходит.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
Str!pe
Дата 6.11.2006, 13:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


профиль удален
****


Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152



Цитата(Str!pe @  2.11.2006,  23:32 Найти цитируемый пост)
что то вроде так


Торопился, накидал код по памяти.

Цитата(SelenIT @  3.11.2006,  00:32 Найти цитируемый пост)
И для ненулевых размеров обязательно указывать единицы.


Никогда не прописывал, спасибо за азъяснения. 

SelenIT

Я не верстальщик... уже полгода как занимаюсь другой смежной облстью.


--------------------
Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.
PM MAIL ICQ Skype   Вверх
R.M.
Дата 6.11.2006, 14:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



Цитата(SelenIT @  3.11.2006,  01:32 Найти цитируемый пост)
И для ненулевых размеров обязательно указывать единицы.

Почему валидатор говорит что единицы не обязательно указывать только для нулевых размеров? Вообще какая логика указывать единицы? Чем отличается 0% от 0px ?


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
zera
Дата 6.11.2006, 14:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бывалый
*


Профиль
Группа: Участник
Сообщений: 205
Регистрация: 19.1.2006
Где: saint-petersburg

Репутация: 5
Всего: 9



Цитата(R.M. @ 6.11.2006,  14:10)
Цитата(SelenIT @  3.11.2006,  01:32 Найти цитируемый пост)
И для ненулевых размеров обязательно указывать единицы.

Почему валидатор говорит что единицы не обязательно указывать только для нулевых размеров? Вообще какая логика указывать единицы? Чем отличается 0% от 0px ?

согласись, в отличие от 0% и 0px, между 100% и 100px есть разница.  smile 

Это сообщение отредактировал(а) zera - 6.11.2006, 14:27
PM MAIL   Вверх
R.M.
Дата 6.11.2006, 17:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Анархист
****


Профиль
Группа: Участник
Сообщений: 2164
Регистрация: 8.6.2005
Где: Питер

Репутация: 9
Всего: 30



zera, очитался smile что-то со мной не то smile 


--------------------
Помнишь как бодрили дискотеки прошлого века? Теперь стул, компьютер и нету человека.

Nokia LifeStyle - Всё для смартфонов Nokia 
PM MAIL WWW ICQ   Вверх
stschurik
Дата 7.11.2006, 13:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



Профиль
Группа: Участник
Сообщений: 7
Регистрация: 3.11.2006

Репутация: нет
Всего: нет



SelenIT

попробуйте вот это

Цитата

table { border-collapse: collapse; border: 1px solid #000000}
table td { border: 1px solid #000000}

PM MAIL   Вверх
SelenIT
Дата 7.11.2006, 14:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



stschurik, попробовал - пространство между границами ячеек и внешней границей таблицы исчезло (как и положено при border-collapse: collapse). А по условию задачи (стартовый пост) должно остаться и иметь ширину 1px.


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.1095 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.