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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Как в CSS прописать cellspacing 
:(
    Опции темы
Mal Hack
Дата 7.2.2005, 15:05 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Как в CSS прописать для таблицы свойства cellspacing ???
cellpadding - понятно, padding & margin, а с cellspacing как быть? Уж больно не хочется в HTML вставлять элементы форматирования...
css.manual.ru ответа не дал.

В догонку...
Таблица лежит в <span>:
Код

<span class='form'>
<table{$lst}>
<form method='POST' action='admin.php?task=tv'><input type='hidden' name='action' value='{$action}'>
 {$form}
</form>
</table>
</span>

Как сделать, чтобы ее длина была 98% от длины слоя <span>.
width: 100% не помогат, он считает о экрану.

Это сообщение отредактировал(а) Mal Hack - 7.2.2005, 15:13
PM ICQ   Вверх
Mal Hack
Дата 7.2.2005, 16:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



cellspacing нашел. В таблицу пишем:
border-collapse : collapse;
Работает во всех браузерах (проверял лисой, ИЕ, Опера).
PM ICQ   Вверх
Gold Dragon
Дата 7.2.2005, 16:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Призрачный
****


Профиль
Группа: Экс. модератор
Сообщений: 6753
Регистрация: 1.3.2004
Где: Россия, Тамбов

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



у <span> нет width.


--------------------
Нельзя жить в прошлом, оно уже прошло.
Нельзя жить в будущем, оно ещё не наступило.
Нужно жить в настоящем, помня прошлое и думая о будущем!
PM MAIL WWW ICQ   Вверх
IZ@TOP
Дата 8.2.2005, 12:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Панда-бир!
****


Профиль
Группа: Участник
Сообщений: 4795
Регистрация: 3.2.2003
Где: Бамбуковый лес

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



Цитата(Mal @ 7.2.2005, 16:05)
Как сделать, чтобы ее длина была 98% от длины слоя <span>.
width: 100% не помогат, он считает о экрану.

Зачем это нужно? Может есть способ решить задачу иначе?
Цитата(Mal @ 7.2.2005, 16:05)
css.manual.ru ответа не дал.

Юзайте DreamWeaver, там все свойства стилей есть.


--------------------
Один из розовых плюшевых-всадников апокалипсиса... очень злой...

Семь кругов ада для новых элементов языка
Мои разрозненные мысли
PM MAIL WWW ICQ Skype GTalk   Вверх
Mal Hack
Дата 8.2.2005, 13:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Цитата(IZ @ 8.2.2005, 12:58)
Зачем это нужно?

Чтобы таблица, которая лежит на слое была у него посередине, а не слева (визуально).

Цитата(IZ @ 8.2.2005, 12:58)
Может есть способ решить задачу иначе?

Может smile Как правда, не знаю smile
Извращаться таблицами не хочу.

Цитата(IZ @ 8.2.2005, 12:58)
Юзайте DreamWeaver, там все свойства стилей есть.

Тогда уж w3.org smile
PM ICQ   Вверх
Cheba
Дата 8.2.2005, 15:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

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



Span - инлайновый элемент. Не гоже относительно него таблицы ровнять. Да и сами таблицы в него всовывать не понятно зачем... Давай код. И опиши что хочешь сделать, плз.
PM MAIL ICQ   Вверх
GoodBoy
Дата 8.2.2005, 15:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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



Цитата(Mal @ 7.2.2005, 16:09)
cellspacing нашел. В таблицу пишем:
border-collapse : collapse;

Ты не прав! Таким образом можно имитировать cellspacing=0 и всё! А если нужно наоборот cellspacing=10?

И вообще, читаем:
border-collapse - Задаёт, будут ли границы ячеек и общая граница таблицы сливаться в одну или нет. Доступны два значения: separate (значение по умолчанию) - разделяет рамку тавлицы и границы её ячеек; collapse - по возможности объединяет их.

http://msdn.microsoft.com/library/default....dercollapse.asp


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
Mal Hack
Дата 8.2.2005, 18:32 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Цитата(GoodBoy @ 8.2.2005, 15:33)
Ты не прав! Таким образом можно имитировать cellspacing=0 и всё! А если нужно наоборот cellspacing=10?

Мне-то как раз 0 нужен, и я всегда для всех таблиц 0 ставилю (редкие исключения бывают).
Для указания точного размер надо: border-spacing.

Цитата(Cheba @ 8.2.2005, 15:26)
Span - инлайновый элемент. Не гоже относительно него таблицы ровнять.

Red Dragon меня уже вразумил по этому поводу smile.

Цитата(Cheba @ 8.2.2005, 15:26)
Давай код. И опиши что хочешь сделать, плз.

Итак. админка. Слева - меню, справа - область работы. Шапка и низ - само собой.
Ширина меню - статична 200px.
Ширина области работы должна быть все оставшееся справа расстояние, ну минус отступы, но это не суть проблемы.
Да, это можно сделать двумя столбцами таблицы, но не хочу. Если есть решение с помощью слоев, то делаем на них.

Код

 <span class='menu'><%MENU%></span>
 <span class='content'>
    <span class='formtitle'>текст</span>
    <span class='form'>
       <table> ИЛИ <table class='list'>
            ***** СОДЕРЖИМОЕ ТАБЛИЦЫ *****
       </table>
    </span>
 </span>


Второй момент. Необходимо, чтобы эта самая таблица а) располагалась по середине слоя облати работы (content) или занимала 100% шириный слоя области работы.
Вот что в CSS
Код

span.menu
{
 margin-left : 10px;
 float: left;
 width: 220px;
 padding: 10px 10px 10px 10px;
 background-color: #F8F8F8;
 border: solid 1px #DADADA;
}

span.content
{
 float: right;
 width: 75%;
 padding: 0px 8px 0px 8px;
 text-align: justify;
}

table
{
 padding: 2px;
 margin: 0px;
 width: 100%;
 vertical-align: middle;
 border-spacing : 0px;
}

table.list
{
 padding: 0px;
 margin: 10px;
 width: 95%;
 border-bottom: solid 1px #C9C9C9;
 border-left: solid 1px #C9C9C9;
}


text-align: center; у content'a не срабатывает.
width: 100%; у list'a вытягивает таблицу за рамки слоя.
PM ICQ   Вверх
Cheba
Дата 8.2.2005, 23:44 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

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



Учила меня мама: юзай div'ы...

Ключевые слова: css layout.
Вот пример.
PM MAIL ICQ   Вверх
Mal Hack
Дата 8.2.2005, 23:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Cheba
пока быстро пробежался, завтра более детально посмотрю.
Спасибо.
PM ICQ   Вверх
Mal Hack
Дата 9.2.2005, 19:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Cheba
Сделал как там. Два дива.
Вот имеем код:
Код

 <div id='menu'><%MENU%></div>
 <div id='content'>
    <div class='formtitle'>òåêñò</div>
    <div class='form'>
       <table> ÈËÈ <table class='list'>
            ***** ÑÎÄÅÐÆÈÌÎÅ ÒÀÁËÈÖÛ *****
       </table>
    </div>
 </div>

Код

#menu
{
 margin-left : 10px;
 float: left;
 width: 220px;
 padding: 10px 0px 10px 10px;
 margin-right: 20px;
 background-color: #F8F8F8;
 border: solid 1px #DADADA;
}

div.form
{
 text-align: center;
 float: left;
 width: 100%;
 padding: 4px;
 background-color: #FAFAFA;
 border: solid 1px #C9C9C9;
}

div.formtitle
{
 float: left;
 font-style: italic;
 font-weight: bold;
 padding: 5px 0px 5px 8px;
 background-color: #E0E0E0;
 border: solid 1px #C9C9C9;
 border-bottom-width: 0px;
}

#content
{
 padding: 0px 8px 0px 8px;
 text-align: justify;
}

Как итог. На ширину слоя контент при указании у классов form & formtitle ничего не растягивается, а слой контента съезжает ПОД слой меню и расширяется на 100%.
Убрав width: 100% получаем скомканную таблицу....

Неучто без таблиц никак не обойтись?
PM ICQ   Вверх
Cheba
Дата 9.2.2005, 22:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


pointless one
***


Профиль
Группа: Vingrad developer
Сообщений: 1777
Регистрация: 27.11.2003
Где: /dev/null

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



Заезжает под слой меню из-за маргинов и паддингов. Если поиграться с цифрвми, то можно нормально все поровнять.
PM MAIL ICQ   Вверх
Mal Hack
Дата 9.2.2005, 22:58 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Ясно. Вобщем сделаю таблицу из двух столбцов и не буду париться...
Поскольку

Цитата(Cheba @ 9.2.2005, 22:38)
поиграться с цифрвми,

Не катит, много проблем на кроссплатформеноости будет...

+ за разъяснения и хороший пример, который все равно пригодится.
PM ICQ   Вверх
GoodBoy
Дата 10.2.2005, 13:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Главный джедай
****


Профиль
Группа: Модератор
Сообщений: 3886
Регистрация: 8.1.2003
Где: КМВ

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



Цитата(Mal @ 9.2.2005, 22:58)
Вобщем сделаю таблицу из двух столбцов и не буду париться...

С этого и надо было начинать!!! :-))))


--------------------
Чем дальше в лес, тем толще партизаны...

Цитата(igorold @  1.5.2016,  17:40 Найти цитируемый пост)
Индейцы не обратили внимания на поток беженцев из Европы… Теперь они живут в резервациях. 
PM MAIL   Вверх
Mal Hack
Дата 10.2.2005, 17:26 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Мудрый...
****


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

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



Цитата(GoodBoy @ 10.2.2005, 13:22)
С этого и надо было начинать!!! :-))))

Да понимаешь, в чем фишка... Нового захотелось smile А со слоями я мало очень работал... Фактически не работал вообще...
Вот и захотелось попробовать реализовать.. Не получилось.
Зато мног о слоях узнал smile
За что всем подсказавшим спасибо.
PM ICQ   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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