By
lapochka
Здраствуйте. Нужна помощь с казалось бы простой темой
Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости.
HTML:
<div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS:
.news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relative;}.news:nth-child(3n+2){ margin:0 10px; width:280px;}.news_header{ text-transform:uppercase; max-height:40px; overflow:hidden;}.news_content{ display:block; font-size:12px; margin:10px 0; max-height:210px; overflow:hidden;}.news_info{ display:block; position:absolute; bottom:10px; height:21px;}Заранее огромное спасибо!
Question
temaruru
Здравствуйте, снова вопрос по wordpress! Как реализовать, чтобы любые новости, добавленные в любую категорию, выводились как на скрине, (т.е. идет вывод новостей, но в определенных участках к новости добавляются css стили, как показано на скрине, т.е. я добавил новость, она отображается под номером 1! Как только новую новость добавил, старая новость переходить в область 2, а новая занимает 1 ) Прошу помочь, т.к. даже не знаю как сформулировать данный вопрос для гугла!
PS скрин: https://yadi.sk/i/mZx20JLrb8ZN7
Link to comment
Share on other sites
2 answers to this question
Recommended Posts
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.