<div class="blockarticle">
<ul id="headlines">
<?php foreach ( $results['articles'] as $article ) { ?>
<li>
<div class="curved-vt-5">
<h2><p class="summary"><a href=".?action=viewArticle&articleId=<?php echo $article->id?>"><?php echo htmlspecialchars( $article->title )?></a></p></h2>
<span class="pubDate"><?php echo date('j F', $article->publicationDate)?></span>
<div class="hrarticle"></div>
<p class="text"><?php echo htmlspecialchars( $article->summary )?></p>
</div>
</li>
<?php } ?>
<br />
<a href="./?action=archive"><div class="buttonall">Все статьи</div></a>
</ul>
</div>
.blockarticle
{
margin:0 auto;
width:1010px;
}
.curved-vt-5 {
display:inline-block;
width:500px;
background: #fff;
border-radius: 3px;
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3);
}
#headlines {
list-style: none;
margin: 0 auto;
}
#headlines li {
padding:10px;
}
.pubDate {
font-size: .8em;
color: #f98248;
text-transform: uppercase;
}
#headlines .pubDate {
padding:10px;
font-size: 15px;
}
#headlines.archive .pubDate {
font-size: 15px;
padding:10px;
}
.summary
{
padding:10px;
}
На одной странице отображается по 10 статей