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 :: Див в строку посередине, с переносом

 PHP.SU

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


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

> Описание: Див в строку посередине, с переносом
Поиск в теме | Версия для печати
3d_killer
Отправлено: 21 Октября, 2013 - 18:10:07
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
Не могу нормально сделать несколько 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.  

во первых не понятное расстояние между блоками появляется, во вторых блоки ниже чуть сдвигаются в непонятной последовательности как на скрине, помогите пожалуйста!
Прикреплено изображение (Нажмите для увеличения)
5b87e38599366f62a27aa4d71bf.jpg
 
My status
 Top
DelphinPRO
Отправлено: 21 Октября, 2013 - 23:55:56
Post Id



Активный участник


Покинул форум
Сообщений всего: 7187
Дата рег-ции: Февр. 2012  


Помог: 353 раз(а)
Настоятельно рекомендую к прочтению ИКФ: Инлайновый контекст форматирования
Бесплатно. В электронном формате.


-----
Чем больше узнаю, тем больше я не знаю.
 
 Top
MAXUS
Отправлено: 22 Октября, 2013 - 10:21:46
Post Id


Посетитель


Покинул форум
Сообщений всего: 329
Дата рег-ции: Апр. 2011  


Помог: 7 раз(а)
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.  
 
 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