Я не могу заставить эти divs отображаться горизонтально

-1

У меня проблема с отображением блоков grid_8 один за другим (по горизонтали).Я не могу заставить эти divs отображаться горизонтально

Первые 2 grid_8 divs идут бок о бок, но затем последний идет под ... может ли кто-нибудь увидеть, что я делаю что-то не так в этом коде? Если вам нужна дополнительная информация, пожалуйста, просто спросите, и я напишу больше кода.

Спасибо!

<div class="wrapper"> 
    <div class="grid_24"> 
     <div class="wrapper indent-bottom8"> 
     <h3 class="title1 p4">Our Services</h3> 
     <div class="grid_8"> 
      <div class="banner maxheight"> 
       <figure class="img-indent"> 
        <img src="images/page1-img1.jpg" alt=""> 
       </figure> 
       <h5><a href="services.html">RESIDENTIAL <br class="hide-tp">CLEANING</a></h5> 
       Monoblock, concrete, driveways, slabbing, walls, garden furniture, forecourts and more... 
      </div> 
     </div> 
     <div class="grid_8"> 
      <div class="banner maxheight"> 
       <figure class="img-indent"> 
        <img src="images/page1-img2.jpg" alt=""> 
       </figure> 
       <h5><a href="services.html">COMMERCIAL <br class="hide-tp">CLEANING</a></h5> 
       Shopping centres, loading bays, car parks, pathways, beer gardens and more... 
      </div> 
     </div> 
     <div class="grid_8 last-item"> 
      <div class="banner maxheight"> 
       <figure class="img-indent"> 
        <img src="images/page1-img3.jpg" alt=""> 
       </figure> 
       <h5><a href="services.html">CONSTRUCTION <br class="hide-tp">CLEANING</a></h5> 
       Building sites, new build cleaning contracts. Anything that needs cleaned: give us a call! 
      </div> 
     </div> 
     </div> 
    </div> 
</div>

источник

2013-07-01 jamie

вы можете разместить CSS тоже? – DFord

, не видя какого-либо css, я подозреваю, что ваш родительский div не достаточно длинный для всех 3, поэтому он делает его завершенным, это обычно происходит, если у вас есть больше отступов/полей на div_ grid_8, которые позволяют ваши ширины или неправильная ширина для каждого grid_8. –

Вопрос css более уместен с предоставленным кодом css, пожалуйста, исправьте свой вопрос. Никто не может помочь без каких-либо css. –

Не видя своего CSS, я просто догадываюсь. Я бы сказал, вы можете попробовать добавить float: left to divs. Кроме того, вы должны дважды проверить свои поля и отступы, чтобы они не превышали допустимую ширину. Если у вас три коробки 900px с отступом 10px, ширина становится равной 920px.

источник

2013-07-01 17:38:19

Я бы сказал, что без css нет никакого вопроса, поэтому нет возможных ответов. Но +1 для рекомендаций :-) –

Cheers mate, был беспорядок с размерами, и это сработало. – jamie

Когда вы пытаетесь установить количество дивы в горизонтальном правиле, то вы должны определить свойство поплавка и установить его правильно, в противном случае он будет просто сформировать вертикальную структуру ...

пойти в CSS и определить под grid_8 класса собственности:

.grid_8 
{ 
float:right; 
}

это расположит их в горизонтальном направлении ...

источник

2013-07-01 17:53:39

Я не могу заставить эти divs отображаться горизонтально

ответ

Смежные вопросы