Обтекание текстом картинки в WP

12
[Удален]
6762

Собственно проблема такая: при вставке картинки в WP и выравнивании ее по левому или правому краю не было обтекания текста. Т.е. вставлялась картинка, а уже ПОСЛЕ нее шел текст. Погуглив понял что проблема в стилях темы, вставил вот такой код (нашел на одном из форумов):

/* начало вставки кода для обтекания картинок текстом */

.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;
}
/* конец вставки кода для обтекания картинок текстом */

Выравнивание заработало, но не совсем так как мне нужно. А именно - заголовки (h2,h3) все равно не обтекаются текстом.

Очень прошу подсказать, что необходимо добавить в стили.

TaediumVitae
На сайте с 22.09.2011
Offline
41
#1
Dizels:
А именно - заголовки (h2,h3) все равно не обтекаются текстом.

Так беда с заголовками или с картинками?

[Удален]
#2

Беда с тем, что картинку не обтекают заголовки. Т.е. обычный текст - обтекает, а заголовки - нет. Так что наверное все-таки с картинками.

LS
На сайте с 29.12.2011
Offline
21
#3

Попробуй для h2,h3 в css выставить clear:both, должно помочь)

[Удален]
#4

Сделал вот так:

h2 { color: #004e9c; font-weight: normal; clear:both;}

h3 { color: #1b77d2; clear:both;}

не помогло :(

oux
На сайте с 07.02.2010
Offline
83
oux
#5

Для h2, h3 задать float?

[Удален]
#6
oux:
Для h2, h3 задать float?

Так каждый раз выравнивание по разную сторону происходит. float для картинки нужен, но он собственно и так есть.

TaediumVitae
На сайте с 22.09.2011
Offline
41
#7

Ну дык h1-h6 - это блочные элементы, с чего бы им обтекать картинку?

AGRESSOR
На сайте с 04.07.2010
Offline
79
#8

наоборот надо убрать clear:both; у заголовков и тогда будут обтекать

и картинке надо задать классы которые стандартно идут в wordpress и прописать в style.css свойства:


img.aligncenter{display:block;margin:0 auto;}
img.alignleft{float:left;margin-right:10px;}
img.alignright{float:right;margin-left:10px;}
FelixRaven
На сайте с 03.01.2011
Offline
64
#9

Это не в стилях делается, а в файле шаблона, напиши мне в ЛС помогу с этим делом

TaediumVitae
На сайте с 22.09.2011
Offline
41
#10
FelixRaven:
Это не в стилях делается

С чего бы это?)

AGRESSOR, ваши правила

img.aligncenter{display:block;margin:0 auto;}
img.alignleft{float:left;margin-right:10px;}
img.alignright{float:right;margin-left:10px;}

Не сработают для картинок с кепшном, если не ошибаюсь, ибо класс присваивается оборачивающему блоку.

А то, что нужно ТС (я почти уверен) - это {display:inline} для h1-h6

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий