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

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> зазоры между ячейками таблицы. Не могу установить ширину ячеек 
:(
    Опции темы
Enya
  Дата 26.5.2007, 00:17 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



вот зазоры в меню. выставлял фиксированную ширину - всё равно. не могу сбалансировать. е подскажите в чём проблема?

В разных браузерах разные зазоры и с разных сторон. smile 

Это сообщение отредактировал(а) Enya - 26.6.2007, 18:33


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 26.5.2007, 11:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Во-первых вы задали несовсем корректно доктайпы, правила записи их вы можете посмотреть здесь http://www.w3schools.com/tags/tag_doctype.asp а подробнее ознакомиться с их назначением вы можете, прочитав статью http://www.webmascon.com/topics/coding/25a.asp. Можно дописать специальные стили, задающие ширину (по максимуму, до 49%, так же как вы делали в заголовке) ячеек, содержащих меню для FF, и еще я бы на вашем месте дописал следующие стили:
Код
table
{
margin: 0; padding: 0; border-collapse: collapse; border: 0;
}
td
{
margin: 0; padding: 0; border: 0;
}
html:root td.MenuCell
{
width: 49%;
}
В Opera же на локальном компьютере выглядит все вполне корректно.
P.S. Сначала попробуйте вставить длинную строку текста, чтобы она получилась с переносом на вторую строку, и посмотрите как у вас будет выглядеть бэкгроунд правого меню в FF. smile 

Это сообщение отредактировал(а) webster - 26.5.2007, 11:38
PM MAIL   Вверх
Enya
Дата 28.5.2007, 21:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webster, так собственно какой вариант выбирать? там много аж глаза разбегаются.

и можешь пояснить конструкцию 
Код

html:root td.MenuCell{
width: 49%;
}



--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 28.5.2007, 21:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Это:
Код
html:root 
селект только для FireFox. Какой вариант выбирать я точно вам сказать не смогу, просто я бы сделал верстку немного по-другому, не стал бы ее делать одной таблицей-контейнером, слишком много влияния внутреннего контента на отображение разных элементов дизайна... Я бы сделал одну таблицу - header-menu, одну - content, и одну - footer, можно это все еще и "упаковать" в таблицу-контейнер, чтобы все не "расползалось"  smile 
А на счет Доктайпов я пользуюсь STRICT (точное соблюдение последних утвержденных правил верстки) можно и HTML и xHTML - без особой разницы.

Это сообщение отредактировал(а) webster - 28.5.2007, 21:33
PM MAIL   Вверх
Enya
Дата 28.5.2007, 21:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



webster, кстати когда я добавила ваш css стиль то вся табли в FF сместилась в лево... можите сами посмотреть

Добавлено через 1 минуту и 8 секунд
webster
Цитата

А на счет Доктайпов я пользуюсь STRICT (точное соблюдение последних утвержденных правил верстки) можно и HTML и xHTML - без особой разницы.
а пример - а то их там много мне как всегда неповезёт


--------------------

Утсанвлен Денвер
1. PHP Version 5.1.6
2. MySQL 5.0.18-max
3. phpMyAdmin 2.6.1
PM MAIL WWW ICQ   Вверх
webster
Дата 28.5.2007, 21:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Для 
Код
<TABLE summary="" align="center" class="MainTable"....
добавьте в стили:
Код
margin: 0 auto;
Вот здесь http://www.intuit.ru/department/internet/html/19/и в других лекциях этого курса вы можете все подробно почитать и ознакомиться с этой темой.
Начните пользоваться 
Код
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
чтобы броузеры снисходительно относились к вашим возможным огрехам. smile 

Это сообщение отредактировал(а) webster - 28.5.2007, 21:43
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




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


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

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