Сам бьюсь над подобным вопросом, хотел уже новую тему создавать...
Мои наработки:Вся информация размещается в DIVах, примерно так:
CODE ( html):
скопировать код в буфер обмена
<div class="newsContainer"> <p><span class="header">Конев А.В. - А росы здесь тихие</span></p> <img src="images/covers/4.jpg" width="120" height="153" border="0" alt="" /> <p><span class="info">Количество страниц: 457</span></p> <p><span class="info">Размер: 12,45мб</span></p> <p><span class="info">Формат: PDF</span></p> <a href="index.php">Подробнее</a> </div>
Рамки вокруг DIVов делал так:
CODE ( html):
скопировать код в буфер обмена
div.newsContainer { display: inline-block; margin: 10px; padding: 10px; border-radius: 10px 10px 10px 10px; /* Уголки */ border-color: #D8D8D8; /* Цвет рамки */ border-width: 10px; border-style: solid; }
Вокруг картинок не делал, мне это не надо, но отступы и рамки и тут помогут.
У меня проблема следующего рода: если количество информации в одном из блоков больше, чем в остальных, то дизайн сыпется.
|