SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Wordpress: сделать изображения в записи по центру

w3bank w3bank  
91
  24.09.2015 14:27       6 587    
Всем привет!
Подскажите как сделать в записи WordPress изображения по середине в ряд?
Короче нужен тег центра.

Ответы на пост (15) Написать ответ
bars312 bars312
25
24.09.2015 16:14
текст или картинка
-1
bars312 bars312
25
24.09.2015 16:15
< center > тут < /center >
-1
w3bank w3bank
91
24.09.2015 17:25
не катит этот тег в записи.
0
bars312 bars312
25
24.09.2015 17:38
все прекрасно работает, пробелы в тегах уберите
0
bars312 bars312
25
24.09.2015 17:41
или просто замените left на center . в ВП сразу при вставке изображений выбирается положение картинки ( размер,положение)
0
w3bank w3bank
91
24.09.2015 20:59
3 изображения идут в ряд друг за другом по горизонтали.
как сделать одну картинку по центру я знаю - это стандартная функция WordPress "aligncenter".
несколько изображений нужно сделать по середине..
0
w3bank w3bank
91
24.09.2015 17:48
у меня 2-3 картинки идут в ряд друг за другом.
0
bars312 bars312
25
25.09.2015 04:39
после картинки поставить тег перенос строки br
-2
w3bank w3bank
91
27.09.2015 17:24
читай внимательно что мне нужно.
тег br это перенос вниз на новую строку.
0
Chuvachok Chuvachok
1124
25.09.2015 22:46
Самый лёгкий вариант (подходит ко всем и ко всему)


<table>

<tr>

<td style="padding: 10px 20px 30px 40px; vertical-align: middle;"><img alt="" src="ваша_папка/ваше_фото_01"></td>

<td style="padding: 10px 20px 30px 40px; vertical-align: middle;"><img alt="" src="ваша_папка/ваше_фото_02"></td>

<td style="padding: 10px 20px 30px 40px; vertical-align: middle;"><img alt="" src="ваша_папка/ваше_фото_03"></td>

</tr>

</table>


Там, где 40 px регулирует отступ слева вашей статьи и соседних картинок непосредственно.
А изначально фото уже выравнены по центру, как ты и просил.
1
Chuvachok Chuvachok
1124
25.09.2015 23:45
Ах да, и еще небольшой совет:

Для начала вместо - padding: 10px 20px 30px 40px;

впиши - padding: 0 0 0 0 ;

и уже червертым нулем регулируй.
0
w3bank w3bank
91
02.10.2015 07:09
Спасибо за помощь!
Но, не то это всё...
0
w3bank w3bank
91
02.10.2015 13:44
Правильное решение:

В стиле своей темы прописываем:

.iCenter {
margin: 0 auto;
text-align: center;
}

Далее находим в этом же стиле своей темы .alignnone и прописываем:

display: center;

На странице или в записи изображения заключаем "" и ""
0
w3bank w3bank
91
02.10.2015 13:46
На странице или в записи изображения заключаем "< div class="iCenter" >" и "< /div >".
0
w3bank w3bank
91
02.10.2015 13:59
таким образом с помощью .iCenter мы можем сделать любой элемент по центру.
0