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]   

> Без описания
Поиск в теме | Версия для печати
DlTA
Отправлено: 26 Февраля, 2016 - 10:08:21
Post Id



Постоянный участник


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


Помог: 53 раз(а)
сделано на html5 или типа того

CODE (html):
скопировать код в буфер обмена
  1.  
  2.  
  3. <style>
  4. body{
  5.         background: #666;
  6. }
  7. .main-car-list{
  8.         margin: 0 auto;
  9.         background: #000;
  10.         width: 1110px;
  11.         margin-top:33px;
  12. }
  13.  
  14. .main-car{
  15.         width: 240px;
  16.         height: 327px;
  17.         background: #ffffff;
  18.         display: inline-block;
  19.         margin: 15px;
  20.         padding-top: 15px;
  21. }
  22. </style>
  23.  
  24. <div class="main-car-list">
  25.         <div class="main-car">
  26.                 <img src="img/car/t1.jpg">
  27.  
  28.                 <h3>Honda Jazz</h3>
  29.                 <table>
  30.                         <tr><th>Обем двигателя</th><td>1.0</td></tr>
  31.                         <tr><th>Тип КПП</th><td>меганика</td></tr>
  32.                         <tr><th>Количество мест</th><td>4</td></tr>
  33.                 </table>
  34.                 <div>
  35.                         <div> наш текст </div>
  36.                 </div>
  37.  
  38.         </div>
  39.  
  40.         <div class="main-car"></div>
  41.         <div class="main-car"></div>
  42.         <div class="main-car"></div>
  43.         <div class="main-car"></div>
  44.  
  45. </div>
  46.  

на фотке у нас в первом блоке .main-car есть данные
но я не пойму почему он размещается ниже
и не важно что именно в нем, он всегда ниже
Прикреплено изображение (Нажмите для увеличения)
car-error.jpg

(Отредактировано автором: 26 Февраля, 2016 - 10:09:51)

 
 Top
DlTA
Отправлено: 26 Февраля, 2016 - 11:38:08
Post Id



Постоянный участник


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


Помог: 53 раз(а)
всем кто мне помог .... пасибки

ответ это vertical-align: top;, надо было вписать в блок .main-car

(Отредактировано автором: 26 Февраля, 2016 - 11:53:49)

 
 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