Форум Сайтостроение Веб-строительство

Wordpress мелкая проблема

standartvv
На сайте с 12.06.2016
Offline
17
standartvv
1214

Здравствуйте, не смотря на то, что я html и даже php знаю неплохо, упёрся я в смешную проблему:

есть ряд мелких картинок в одной строке

1|2|3|4|5

выравнивание по левую сторону, а мне нужно их всех вместе выровнять по центру. Перепробовал разные способы с таблицей, с переводом в блок. В общем в wordpress никак они не хотят по центру стоять, <center> тоже не помогает. Подскажите способ :)

rustelekom
На сайте с 20.04.2005
Offline
531
rustelekom
#1
standartvv:
Здравствуйте, не смотря на то, что я html и даже php знаю неплохо, упёрся я в смешную проблему:
есть ряд мелких картинок в одной строке
1|2|3|4|5
выравнивание по левую сторону, а мне нужно их всех вместе выровнять по центру. Перепробовал разные способы с таблицей, с переводом в блок. В общем в wordpress никак они не хотят по центру стоять, <center> тоже не помогает. Подскажите способ :)

В стиль добавить что-то аля:

img.center {

display: block;

margin: 0 auto;

}

SSD/NVMe VPS от 149₽, FTP хранилища, регистрация доменов и SSL сертификаты: https://www.robovps.biz Выделенные серверы в Германии от 45€ и 6400 рублей в РФ
standartvv
На сайте с 12.06.2016
Offline
17
standartvv
#2
rustelekom:
В стиль добавить что-то аля:

img.center {
display: block;
margin: 0 auto;
}

Пробовал так, не работает )

Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#3
standartvv:
Пробовал так, не работает )

Вначале строку надо обернуть в DIV с text-align:center;

widg
На сайте с 01.01.2017
Offline
30
widg
#4

Arch, опередил :)

<div class="" style="text-align:center;">
<img src="" alt=""><img src="" alt=""><img src="" alt=""><img src="" alt="">
</div>

ЗЫ Правда вроде, от доктайпа еще зависит.

прострация
standartvv
На сайте с 12.06.2016
Offline
17
standartvv
#5
widg:
Arch, опередил :) 

<div class="" style="text-align:center;">

<img src="" alt=""><img src="" alt=""><img src="" alt=""><img src="" alt="">

</div>


ЗЫ Правда вроде, от доктайпа еще зависит.

Попробовал, все ровно слева, прям как вкопанные, ничего им не помогает

widg
На сайте с 01.01.2017
Offline
30
widg
#6
standartvv:
Попробовал, все ровно слева, прям как вкопанные, ничего им не помогает

Доктайп какой перед хедером? Кэш?

standartvv
На сайте с 12.06.2016
Offline
17
standartvv
#7
widg:
Доктайп какой перед хедером? Кэш?

<!DOCTYPE html>

<!--[if lt IE 7 ]>	<html <?php language_attributes(); ?> class="no-js ie6"> <![endif]-->

<!--[if IE 7 ]>		<html <?php language_attributes(); ?> class="no-js ie7"> <![endif]-->

<!--[if IE 8 ]>		<html <?php language_attributes(); ?> class="no-js ie8"> <![endif]-->

<!--[if IE 9 ]>		<html <?php language_attributes(); ?> class="no-js ie9"> <![endif]-->

<!--[if (gt IE 9)|!(IE)]><!-->

<html <?php language_attributes(); ?> class="no-js"> <!--<![endif]-->
widg
На сайте с 01.01.2017
Offline
30
widg
#8

Работает. Сохраните в html и проверьте. Либо кэш почистите, либо смотрите настройки родительского элемента.

<!DOCTYPE html> 
<!--***91;if lt IE 7 ***93;>    <html <?php language_attributes(); ?> class="no-js ie6"> <!***91;endif***93;--> 
<!--***91;if IE 7 ***93;>        <html <?php language_attributes(); ?> class="no-js ie7"> <!***91;endif***93;--> 
<!--***91;if IE 8 ***93;>        <html <?php language_attributes(); ?> class="no-js ie8"> <!***91;endif***93;--> 
<!--***91;if IE 9 ***93;>        <html <?php language_attributes(); ?> class="no-js ie9"> <!***91;endif***93;--> 
<!--***91;if (gt IE 9)|!(IE)***93;><!--> 
<html <?php language_attributes(); ?> class="no-js"> <!--<!***91;endif***93;-->
<head>
</head>
<body>
<div style="padding:30px;text-align:center;">
<img src="" alt="" /><img src="" alt="" /><img src="" alt="" /><img src="" alt="" />
</div>
</body>
</html>

ЗЫ Код с доктайпом со страницы лучше дайте, а не из шаблона.

Arsh
На сайте с 21.03.2007
Offline
199
Arsh
#9
standartvv:
все ровно слева, прям как вкопанные

А если картинкам приписать float: none !important; ?

standartvv
На сайте с 12.06.2016
Offline
17
standartvv
#10

Дико извиняюсь, что всем морочил голову. Проблема была в том, что я с детства не внимательный и не заметил в коде картинки class="alignleft". Убрал и ЧУДО! Картинки потянулись в центр.:) Победа! 🍿 1:0 Человечество против компьютера

eTarget 2011:Панельная дискуссия «Стратегия eTarget 2011: Круглый стол Могут ли «плохие» входящие

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