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.