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
Форумы портала PHP.SU :: Версия для печати :: Див в строку посередине, с переносом
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » Див в строку посередине, с переносом

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

1. 3d_killer - 21 Октября, 2013 - 18:10:07 - перейти к сообщению
Не могу нормально сделать несколько DIV посередине, с переносом если не влазит:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div id="children_page" style="text-align:center; margin:0 auto;">
  3. <style>
  4. .catalog_block{ display:inline-table; background:#d6d6d6; border:1px solid #000; margin:0px;}
  5. .catalog_img{padding:10px 10px 0px 10px;}
  6. .catalog_a{display:block;  font-size:18px; padding-bottom:5px;}
  7. </style>
  8.  

БЛОКИ n-ое количество
CODE (html):
скопировать код в буфер обмена
  1.  
  2. </div>
  3.  

ОДИН БЛОК:
CODE (html):
скопировать код в буфер обмена
  1.  
  2. <div class="catalog_block">
  3.  <img class="catalog_img" src="/upload/1013/1382298159.jpeg" />
  4.  <a class="catalog_a">Кровельные материалы</a>
  5. </div>
  6.  

во первых не понятное расстояние между блоками появляется, во вторых блоки ниже чуть сдвигаются в непонятной последовательности как на скрине, помогите пожалуйста!
2. DelphinPRO - 21 Октября, 2013 - 23:55:56 - перейти к сообщению
Настоятельно рекомендую к прочтению ИКФ: Инлайновый контекст форматирования
Бесплатно. В электронном формате.
3. MAXUS - 22 Октября, 2013 - 10:21:46 - перейти к сообщению
3d_killer пишет:
помогите пожалуйста!


CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <style type="text/css">
  3. .container{
  4. text-align: center;
  5. max-width: 500px;
  6. margin: 0px auto;
  7. padding: 0px;
  8. font-size: 0px;
  9. background: lightgrey;
  10. }
  11. </style>
  12. <div class="container">
  13. <image src="1.jpg">
  14. <image src="1.jpg">
  15. <image src="1.jpg">
  16. <image src="1.jpg">
  17. <image src="1.jpg">
  18. <image src="1.jpg">
  19. <image src="1.jpg">
  20. <image src="1.jpg">
  21. <image src="1.jpg">
  22. <image src="1.jpg">
  23. <image src="1.jpg">
  24. </div>
  25.  

 

Powered by ExBB FM 1.0 RC1