Pasha.
Ответы в темах
Просмотр 6 ответов — с 1 по 6 (всего 6)
-
Проблема решилась с помощью
max-width: 100%;
height: auto;Ну шестое сообщение и есть полный код. В общем спасибо за помощь, но проблему удалось решить тем, что добавил к классу continue стили width: 100%; clear: both
К сожалению, ничего не изменилось 🙁
<section class="post"> <header> <h1> <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title(); ?></a> </h1> <span class="time"><?php the_time(('d.m.y')) ?></span> </header> <article> <?php the_content(); ?> <div class="continue"> <a href="<?php the_permalink() ?>#more-<?php the_ID(); ?>">Далее...</a> </div> </article> </section>
section.post header { width: 646px; height: 25px; padding: 5px 27px 5px 23px; } section.post header h1 a { font-size: 24px; color: #efefef; float: left; position: relative; bottom: 5px; } section.post header span { font-size: 17px; color: #efefef; vertical-align: baseline; float: right; } section.post { min-height: 210px; } section.post article { width: 646px; height: 100%; padding: 20px 27px 10px 23px; } section.post article { padding-bottom: 40px; position: relative; } section.post article a.more-link { display: none; } .continue { padding: 5px; position: absolute; bottom: 5px; right: 5px; }
Вот более подробно
Может код и в порядке, но отображается неправильно 🙁
http://itmag.es/5mcoV
вверху неправильно из-за маленького кол-ва текста, внизу правильно из-за большого кол-ва текста.
Просмотр 6 ответов — с 1 по 6 (всего 6)