Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: Не работает text-align: center;

 PHP.SU

Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Без описания
shurik_7866
Отправлено: 17 Марта, 2016 - 15:03:17
Post Id


Новичок


Покинул форум
Сообщений всего: 52
Дата рег-ции: Май 2015  


Помог: 0 раз(а)




В данном примере не работает выравнивание по центру. Таблица выравнивается по левому краю div. Текст же выравнивается как положено по центру.
То есть проблема касается только таблицы

CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. div{text-align: center; width: 100%; border: 1px solid red;}
  3. table{border: 1px solid green; }
  4. td{background-color: yellow; width: 50px;}
  5. </style>
  6. <div>
  7. тестовый тект
  8. <table>
  9. <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
  10. <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
  11. <tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
  12. </table>
  13. </div>


Подскажите кто знает - почему так происходит и как выровнять таблицу по центру div?
 
 Top
VadiKO
Отправлено: 17 Марта, 2016 - 15:39:43
Post Id


Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2016  


Помог: 0 раз(а)




<table align="center"> Подмигивание

(Отредактировано автором: 17 Марта, 2016 - 15:42:12)

 
 Top
shurik_7866
Отправлено: 17 Марта, 2016 - 15:52:13
Post Id


Новичок


Покинул форум
Сообщений всего: 52
Дата рег-ции: Май 2015  


Помог: 0 раз(а)




VadiKO пишет:
<table align="center">

А с помощью css это сделать можно?
 
 Top
VadiKO
Отправлено: 17 Марта, 2016 - 16:29:11
Post Id


Новичок


Покинул форум
Сообщений всего: 39
Дата рег-ции: Март 2016  


Помог: 0 раз(а)




CODE (html):
скопировать код в буфер обмена
  1. <style>
  2. div{text-align: center; width: 100%; border: 1px solid red;}
  3. table{border: 1px solid green; margin: auto;}
  4. td{background-color: yellow; width: 50px;}
  5. </style>
  6.  
  7. <div>
  8. тестовый тект
  9. <table>
  10. <tr><td>1</td><td>2</td><td>3</td><td>4</td></tr>
  11. <tr><td>5</td><td>6</td><td>7</td><td>8</td></tr>
  12. <tr><td>9</td><td>10</td><td>11</td><td>12</td></tr>
  13. </table>
  14. </div>
 
 Top
shurik_7866
Отправлено: 17 Марта, 2016 - 18:13:04
Post Id


Новичок


Покинул форум
Сообщений всего: 52
Дата рег-ции: Май 2015  


Помог: 0 раз(а)




VadiKO пишет:
margin: auto;

спасибо, работает
 
 Top
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
 



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB