Не правильно отображаются картинки? Правильное выравнивание слева и справа

Здравствуйте, в данной статье я бы хотел рассказать, как легко можно решить проблему с неправильным отображением картинок на вашем сайте, который работает на «WordPress». Я имею ввиду, если вы сделали, чтобы картинка отображалась слева, то картинка будет отображаться слева, а не по центру статьи. Такая проблема бывает во многих шаблонах, но от нее есть лекарство. Именно поэтому если вам понравился шаблон, но картинки не хотят отображаться правильно, то есть решение.

Если вы делаете выравнивание слева, то картинка должна располагаться слева и ее должен окружать текст.

Если вы делаете выравнивание справа, то картинка должна располагаться справа и ее должен окружать текст. 

Если этого не происходит, нужно отредактирвоать шаблон, для этого переходим в редактирование нашего шаблона, конкретней файла style.css

В самом конце мы добавляем следующий код:

/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}

/* Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* End Images */

И картинки у вас будут отображаться корректно, без всяких глюков Не правильно отображаются картинки? Правильное выравнивание слева и справа

Оставить комментарий

  Правила комментирования на блоге