Обтекаемый текст и неприятности тега more
Буквально вчера столкнулся с такой проблемой: сейчас делаю белый блог, все должно быть чинно и красиво, пару часов искал шаблон, переделывал, немного правил верстку, в общем вылизал его просто до блеска, все настроил, начинаю писать пост – проблема, вставляю картинку, а текст располагается не рядом с небольшой картинкой(как например на моем сео-маразме), а некрасиво под ней, а рядом с картинкой пустое место, которое ну совсем никак не смотрится. сразу понял, что проблема именно в шаблоне, потому что на стандартной теме все прекрасно. Но шаблон то я уже настроил, он мне уже как родной стал
Не мог я просто от него отказаться и поставить рабочий
Часа 2 наверное ковырял шаб ,уже css буквально до буквы изучил ,ну не вижу я там такого параметра, как назло и форум не работает, в аське даже не знаю кого об этом спросить. Но уже после этих двух часом курения кода мне таки удалось выяснить причину – естественно, что я в css не нашел этот параметр, потому что недобросовестные верстальщики попросту не воткнули его туда, ну или забыли. В общем, если вы тоже сталкивались с такой проблемой, то можете доставать из закромов понравившийся шаблон и поправить его
Все, что нужно – это вставить в css файл код
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}.alignleft {
float: left;
margin-right: 5px;
}.alignright {
float: right;
margin-left: 5px;
}.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
Все работает, нужно только подправить параметры, которые отвечают за отступ от картинки, ставьте нужное количество пикселей:
.alignleft {
float: left;
margin-right: 5px;
}.alignright {
float: right;
margin-left: 5px;
}
Но это еще не все, потому что пока искал решение этой проблемы, нашел кое что интересное: Вы замечали, что если вы ставите тег
$output .= ‘ $more_link_text“;
Заменяем ее на строку ниже, убирая #more-$id (слеш только оставте, а то двиг уроните)
$output .= ‘ $more_link_text“;
Вот и все на этом, некоторые проблемы решены.
Хотя нет, не все – иконка RSS,