Jump to content
  • 0

[DLE]Вывод новостей в несколько колонн


Mewow
 Share

Question

Привет всем!

В общем, как известно в DLE новости выводятся в 1 колонну. Так вот хочу что бы новости выводились в 3 колонки, а с телефона в 2 или 1

Но для начала хотел вывести хотя бы просто в 3 колонны

В интернете говорят это делается просто через 
float: left;

width :  33%;

и в целом это работет, но вот так:

1.thumb.PNG.a5d5b39f952a9b046da54026ebb373d7.PNG

всё вылезает из div почему то

 ещё говорят это можно сделать заменив строки кода сms но какие я не нашёл.

изначально была идея сделать это с помощью flexbox, но он видать не работает с тегами dle: 

Структура кода такая: <div class="content"> 

{info}{content}

</div>

когда даю классу "content" display: flex; то в shortstory дивы никак не реагируют и не меняют своё положение что бы я не делал
Может кто нибудь знает решение? Было бы отлично, что бы оно было сразу адаптивное. Если есть вопросы, то спрашивайте
 

Edited by Mewow
Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 1

В первом вашем варианте не хватает "clearfix".  При float блоки, обладающие этим свойством, выпадают из потока, и родитель не видит их.А значит-сжымается по высоте как пустой, height: 0 в вашем случае. Так вот родителю не хватает  clearfix. 

Edited by Super_Saimon
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By s.brume
      Добрый день. Работаю с готовым макетом, не могу поправить страницу так, чтобы текст был разбит на две колонки. Помогите, пожалуйста.
      Юзал вот что:
      <style type="text/css">                * { margin: 0; padding: 0; }            p { padding: 10px; }            #left { position: absolute; left: 0; top: 0; width: 50%; }            #right { position: absolute; right: 0; top: 0; width: 50%; }         </style>
      - хотя говорят, что это совсем не оптимальный вариант... Другого не знаю.
      В общем, так или иначе текст плывёт - то мимо блока, то наезжает на всё. Игрался с absolute, fixed и т.д. - не помогает, никак не могу попасть в нужное место. Страницу с кодом и картинку примерной разметки прилагаю. Задача простая: текст в теле должен быть двухколоночным. Если нужен CSS, приложу.
      Спасибо.
      contacts.html

    • By dirty_prince
      Всем привет.
      Как реализовать подобные категории чтоле (или как их еще назвать) "Новинки" и "Ожидаемые" как на этом сайте http://torrent-igruha.net/ ?
      Премного буду благодарен за помощь и совет.
       
    • By dirty_prince
      Когда вставляю обычный lorem все нормально показывается на странице, но если ввожу сплошной текст без пробелов (ттттттттттттттттт и т.д.) вижу следующие: http://joxi.ru/KAg8gDVhpx5Xrl
      Помогите решить данную проблему (сайт верстал сам. мб что нашкодил в коде или пропустил)
    • By LancX
      Есть сайт http://architrade.cl95046.tmweb.ru/category/novosti/
      На нем раздел новости нужно привести в такой вид:

      Т.е. надо что бы выровнять ссылки параллельно новости. 
      Как это можно реализовать?
    • By adminfilm
      Привет всем,когда захожу на сайт http://likekino.net/ через яндекс браузер пишет что сайт на литовском,помогите пожулуйста исправить.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy