Непослушни картинки в WordPress блог

След като смених темата на Блога за туризъм и разходки и поразрових някои стари статии да видя дали всичко е наред се оказа, че не е съвсем наред.

Забелязах, че картинките които имат Caption, т.е. заглавие под тях не се показват в центъра, а останалите които нямат заглавие са в центъра на статията. Много кофти и че каквото и да правех в кода на статията нищо не изгледаше да решава проблема

Ето как стандартно се появява една картинка в HTML кода, която сте и задали да е центрирана и има Caption.

caption id=“attachment_2128″ align=“aligncenter“ width=“331″ caption=“Хотнишки водопад“]<a href=“http://razhodka.com/wp-content/uploads/2009/09/image002.jpg“><img class=“aligncenter size-full wp-image-2128″ title=“Хотнишки водопад“ src=“http://razhodka.com/wp-content/uploads/2009/09/image002.jpg&#8220; alt=“Хотнишки водопад“ width=“331″ height=“441″ /></a>[/caption

Mного хубаво изглежда всичко но не работи🙂

Първо открих, че след Wordpres 2.5. за да работят центриранията и изобщо управлението на положението на картинката спрямо текста, т.нар alignment трябва да се добавят в css-а на темата някои неща:

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;
}

Много хубаво но моя css ги имаше тези неща и въпреки това не бачкаше. Какво правим? Рових още малко и забеляза, че използваме aligncenter като class в Img тага. Поразрових още малко и открих, че трябва да се добави и следното нещо в css-а и се оправя проблема:

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

Е те тва е, което исках да споделя.

Може би вече сте наясно с тези неща, може и да не съм намерил най-правилния начин да реша проблема, така че казвайте🙂

Относно plamenpetkov
Strange person...

2 Responses to Непослушни картинки в WordPress блог

  1. Pingback: x-man: Непослушни картинки в WordPress блог - edno23.com

  2. UZUMAKI казва:

    Бих бил съпричастен, ама нали съм blogspot-ър…

Вашият коментар

Попълнете полетата по-долу или кликнете върху икона, за да влезете:

WordPress.com лого

You are commenting using your WordPress.com account. Log Out / Промяна )

Twitter picture

You are commenting using your Twitter account. Log Out / Промяна )

Facebook photo

You are commenting using your Facebook account. Log Out / Промяна )

Google+ photo

You are commenting using your Google+ account. Log Out / Промяна )

Connecting to %s

%d bloggers like this: