Отцентрировать таблицу

Если у вас возникают проблемы и вопросы по настройке форума phpBB3 либо выскакивают непонятные ошибки, не устанавливаются либо криво работают модификации, то этот раздел для вас. Обсуждаем все вопросы, связанные со стилями, модификациями, доработками и проблемами их использования.
Перед тем, как обратиться за помощью, обязательно заполните свой профиль (укажите ссылку на свой форум). Если есть вопрос по конкретной модификации, то обязательно пользуемся поиском по форуму, потому как, возможно, уже есть анонс этого мода и соответственно вопрос задается в теме анонса.

Модераторы: Vl@d1m1r, Lorem Ipsum, Atlas

Правила форума
----
Ответить
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

Всем привет!

помогите, пожалуйста, разобраться как сделать таблицу (средняя колонка, в блоке "Добро пожаловать") на главной странице сайта http://sp-sochi.com/ по центру?

по совету DeaDRoMeO она вставлена в файл "whois_online_center.html" и на сколько понимаю, там применен стиль, который определяется выравниваем с левой стороны.

как быть с таблицей? тег align=center внутри таблицы не работает :-(--

p/s - если зажать Ctrl и покрутить колесо на мышке, то видно, то таблица смещена влево...

Заранее спасибо.
#1
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

Отцентрировать таблицу

Сообщение Lorem Ipsum »

fialkina писал(а):align=center
это устаревший вариант.

Попробуйте применить margin: 0 auto;
...

Или же примените процентное соотношение. Допустим, вам нужен блок шириной 60%, значит по бокам выставляете по 20%. Пример на моём форуме в блоке случайных цитат, отцентровано именно таким образом.
Последний раз редактировалось Lorem Ipsum 07 дек 2012, 04:05, всего редактировалось 2 раза.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#2
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

Lorem Ipsum писал(а):Или же примените процентное соотношение. Допустим, вам нужен блок шириной 60%, значит по бокам выставляете по 20%. Пример на моём форуме в блоке случайных цитат, отцентровано именно таким образом.
именно так и есть у меня. таблица общая ширина 100% - 3 колонки по 33% каждая, но это не решает проблему ее центрирования :-(-- при просмотре страницы в большом разрешении экрана она смещена влево :-(--

p/s - понравилось как украсили сайт к Новому году! :co_ol: очень красиво!
тоже такое хочу :smu:sche_nie:
#3
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Отцентрировать таблицу

Сообщение DeaDRoMeO »

fialkina писал(а):p/s - понравилось как украсили сайт к Новому году! очень красиво!тоже такое хочу
На форуме в активных висит темка украшения форума, поглядите, там много хороших решений)
Толи лыжи не едут, толи я слепой)) О какой табличке идет речь, я только что поглядел ваш форум, все отлично выглядит
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#4
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

Центральный блок посередине с квадратными картинками.

если на него смотреть на больших разрешениях экрана, то все картинки (блок картинок) съезжает влево.

задача: выровнять этот блок, чтобы он при любых разрешениях был посередине и никуда не съезжал.
#5
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Отцентрировать таблицу

Сообщение DeaDRoMeO »

Сьезжает он лишь потому что не хватает элементов, мало ему картинок, содержимое просто обернуть дивом с центрированием

Код: Выделить всё

<div align="center"> вывод картинок</div>
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#6
Аватара пользователя
Lorem Ipsum
Прописался тут надолго
Прописался тут надолго
Сообщения: 1974
Стаж: 11 лет 7 месяцев
Контактная информация:

Отцентрировать таблицу

Сообщение Lorem Ipsum »

fialkina писал(а):таблица общая ширина 100% - 3 колонки по 33% каждая
Это не то. Это размеры. А вам нужно задать расстояние блока от границы, чтобы элементы не двигались и стояли строго на стоих местах.
Последний раз редактировалось Lorem Ipsum 07 дек 2012, 12:52, всего редактировалось 1 раз.
Я уже прошел тот период когда можно было забывать про очистку кеша ©salexcorp
#7
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

что-то ничего у меня не получается.. :-(--
то ли я.. то ли лыжи..

по ссылке мой файлик центрального блока, куда именно вставить код нужно?

http://depositfiles.com/files/7nctt93to
#8
Аватара пользователя
DeaDRoMeO
Старожил Форума
Старожил Форума
Сообщения: 16763
Стаж: 13 лет
Откуда: Витебск
Контактная информация:

Отцентрировать таблицу

Сообщение DeaDRoMeO »

Вообщем уберите все теги <center>, потом вопрос - это что такое ??

Код: Выделить всё

width="33"
Значок процентов забыли же
Найти 3 раза

Код: Выделить всё

<tr valign="top"> 
Заменить на

Код: Выделить всё

<tr align="center" valign="top"> 
На вопросы, связанные с phpBB, по ЛС не отвечаю !!!
#9
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

width="33" - это ширина колонки таблицы. всего колонок 3.

про процент сейчас проверю..

<tr align="center" valign="top"> - на сколько я соображаю, это отцентрирует саму картинку, которая находится в этой ячейке, а мне надо всю таблицу в этом блоке установить по центру...
:du_ma_et:
#10
Аватара пользователя
fialkina
Заглянул на огонек
Заглянул на огонек
Сообщения: 34
Стаж: 11 лет 4 месяца
Откуда: Сочи
Контактная информация:

Отцентрировать таблицу

Сообщение fialkina »

проценты добавила.

<tr align="center" valign="top"> - по Вашему совету сделала

<div align="center">здесь содержимое</div> - сделала.

все остается на своих местах :cry_ing:

я так предполагаю, что выравнивание наследуется из стилей модуля "Сейчас на форуме".. видать оттуда ноги растут...
#11
Ответить