Новости Joomla

WT Jshopping SW JProjects 1.1.0

Плагин автоматически генерирует лицензионные ключи на этапе завершения заказа JoomShopping, показывает ключи на странице просмотра деталей заказа.

Slogin v2.10.0

Обновлена система авторизации через социальные сети #Joomla.

Вышел релиз безопасности Joomla 3.9.24

Доступна к загрузке Joomla! 3.9.24. Это релиз безопасности и исправлений, рекомендуется к установке.

1   Вниз
0 Пользователей и 1 Гость просматривают эту тему.
  • 16 Ответов
  • 21825 Просмотров
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Как в css вывести таблицу по центру страницы?
« : 24.07.2008, 10:10:24 »
При указании <table align="center"> таблица размещается в центре страницы. При указании в css table{align:center;} такого не происходит. Как отцентровать таблицу в css?
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Re: Как в css вывести таблицу по центру страницы?
« Ответ #1 : 24.07.2008, 10:25:35 »
#table1 { margin: 0 auto; }
Записан
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #2 : 24.07.2008, 11:27:13 »
Цитата: С.е.р.ы.й.В.о.л.к от 24.07.2008, 10:25:35
#table1 { margin: 0 auto; }
логично ) но не работает
« Последнее редактирование: 24.07.2008, 15:34:42 от archer1981 »
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Re: Как в css вывести таблицу по центру страницы?
« Ответ #3 : 24.07.2008, 16:19:52 »
<table id="one">..........

#one { margin: 0 auto; }
Записан
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #4 : 24.07.2008, 17:33:47 »
Цитата: ddr от 24.07.2008, 16:19:52
<table id="one">..........

#one { margin: 0 auto; }
Делаю
table {margin:0 auto;}
...
<table>

не работает
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Re: Как в css вывести таблицу по центру страницы?
« Ответ #5 : 24.07.2008, 17:45:53 »
а у меня работает )))   Значит что то там у вас еще .... не так
Записан
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Re: Как в css вывести таблицу по центру страницы?
« Ответ #6 : 24.07.2008, 17:57:21 »
напиши в html:

<table style="margin:0 auto;">

если не сработает, попробуй

<table style="margin:0 auto !important;">
Записан
*

ddr

  • Захожу иногда
  • 65
  • 12 / 1
Re: Как в css вывести таблицу по центру страницы?
« Ответ #7 : 24.07.2008, 17:58:49 »
Да мне кажется там что еще мешает.... надо весь код смотреть
Записан
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #8 : 24.07.2008, 22:23:03 »
Цитата: С.е.р.ы.й.В.о.л.к от 24.07.2008, 17:57:21
напиши в html:

<table style="margin:0 auto;">

если не сработает, попробуй

<table style="margin:0 auto !important;">

да я в хтмл и пишу, там то работает. а вот хотелось бы всё в css вынести
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Re: Как в css вывести таблицу по центру страницы?
« Ответ #9 : 24.07.2008, 23:08:59 »
тебе правильные варианты дал я и он
если в стилях это не работает ищи где что перекрывает/мешает
Записан
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #10 : 25.07.2008, 09:38:10 »
И что же здесь перекрывает? Может doctype не тот?
Цитировать
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<html>
<head>
   <title>Untitled</title>
<style>
html{font: 14px Arial, Helvetica, sans-serif;}
img{border:0;}
table td {padding:20px;font-size:12px;font-weight:bold;text-align:center;}
table{margin:0 auto;}
</style>
</head>
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #11 : 25.07.2008, 09:42:30 »
Хех, проблема оказывается только в ИЕ6. В опере и ФФ таблица отцентровывается.
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

..С...е...р...ы...й..

  • Захожу иногда
  • 51
  • 110 / 2
Re: Как в css вывести таблицу по центру страницы?
« Ответ #12 : 25.07.2008, 13:02:35 »
Во первых попробуй исправить доктайп на
Цитировать
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru">

я не самый лучший знаток html, но что то я не видел чтоб глобально определялся стиль для тега  html{..}, возможно это ошибка, замени его на  body {..}
тег  table{..} имеет смысл глобально определять если у тебя только ОДНА таблица, в другом  случае ко всем таблицам будет применён глобальный стиль.
Записан
*

archer1981

  • Захожу иногда
  • 283
  • 13 / 0
Re: Как в css вывести таблицу по центру страницы?
« Ответ #13 : 25.07.2008, 14:46:52 »
Да у меня сейчас простой пример, одна страничка. На этом примере разбираю данный вопрос. Там три таблицы и текст между ними. Ничего сложного по сути. Так что в css в данном случае table {...} актуально.
Записан
http://walkspb.ru - Энциклопедия Санкт-Петербурга
*

slepoy

  • Давно я тут
  • 746
  • 23 / 0
  • Тотальная шизофазия
Re: Как в css вывести таблицу по центру страницы?
« Ответ #14 : 19.07.2009, 13:40:03 »
В IE7 аналогично не центрируется :[ В опере и мозилла файрфокс - все норм.
Записан
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Как в css вывести таблицу по центру страницы?
« Ответ #15 : 19.07.2009, 18:23:45 »
Цитата: archer1981 от 24.07.2008, 11:27:13
Цитировать
#table1 { margin: 0 auto; }
логично ) но не работает

Странно…
Такой подход нормально центрирует таблицу:
Код: html4strict
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style><!--
#table{margin:0 auto;}
--></style>
</head>
<body>

<table id="table" border="1">
	<tr>
		<td>qwe1</td>
		<td>qwe2</td>
	</tr>
</table>

</body>
</html>
Записан
*

Antosha

  • Захожу иногда
  • 420
  • 52 / 0
  • Плохо спорить плохо
Re: Как в css вывести таблицу по центру страницы?
« Ответ #16 : 19.07.2009, 20:37:34 »
Можно все проще сделать. Заключите Вашу таблицу в тег <center>, то есть:

<center>

<table>
....
</table>

</center>

Отцентрировать по центру родительского элемента, то есть относительно body в вашем случаи.
Записан
<a href="http://joomlablog.ru/">JoomlaBlog</a>
1   Вверх
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

При прокрутке страницы виджет залезает на меню

Автор coliandra

 Ответов: 2
Просмотров: 159 		Последний ответ 27.11.2020, 11:33:58
от coliandra
Не могу вывести картинку нужно размера

Автор stonehand

 Ответов: 3
Просмотров: 349 		Последний ответ 22.03.2019, 21:55:29
от sivers
Как сделать меню по центру?

Автор NAaTa

 Ответов: 14
Просмотров: 1262 		Последний ответ 10.08.2018, 11:09:11
от lexxbry
Выровнять меню по центру

Автор Fetka

 Ответов: 1
Просмотров: 675 		Последний ответ 02.06.2018, 20:33:21
от Fetka
Разобраться с меню, нужно выставить красиво, по центру!

Автор KirillDragon

 Ответов: 4
Просмотров: 739 		Последний ответ 28.02.2018, 12:49:44
от KirillDragon