Красная строка сдвигает фoтографии

konservator · 25-04-2014, 08:20:32

Добрый день! Подскажите пожалуйста, добавил в css шаблона такой код, чтобы у абзацев появилась красная строка, все заработало но фoтографии тоже все сдвинулись на 25 px, подскажите как правильно запретить этот атрибут для фoто?

Код Выделить

body{text-indent: 25px;font-size:13px;line-height:1.7em;font-family:PT Serif, Helvetica, Sans-Serif;}

DOleg · 25-04-2014, 09:44:11

Делайте отступ не для всего body, а только для текста ( например тег p или в чём у вас выводится текст )

Alexluxe · 25-04-2014, 09:44:51

Можно так:

img {text-indent: 0;}

konservator · 25-04-2014, 10:38:45

Почему-то не получилось, сделал только для текста тег p {text-indent: 25px} фoто все равно сдвинулись, а на img {text-indent: 0;} совсем нет реакции.

Княгиня · 25-04-2014, 10:47:44

А у вас фoтографии не заключены в абзацы? Потому что если img находится внутри p, то у p и будет красная строка, которая сдвинет находящуюся в нём картинку. Значит, надо картинки заключать в div или отбивать br и следить, чтобы визредактор не расставлял абзацев где не надо.

Ruson · 25-04-2014, 11:00:26

Вот сижу, жую маркофку и думаю, почему бы просто не дать УРЛ на сайт, чтобы нам не гадать на кофейной гуще... Вы бы сразу и получили верный ответ.

PhotoShopRND · 25-04-2014, 12:03:17

Цитата: Ruson от 25-04-2014, 11:00:26
Вот сижу, жую маркофку и думаю, почему бы просто не дать УРЛ на сайт, чтобы нам не гадать на кофейной гуще... Вы бы сразу и получили верный ответ.

Под аватаркой ТС, планетка. Там сайт: yurevets37.ru

Ruson · 25-04-2014, 13:14:25

Если об этом сайте речь идет то все правильно, всему содержимому тега <body> прописан отступ в 25 пикс поэтому оно и посдвигалось на 25 пикс. как вы и указали. Чтоб не морочить голову вам надо просто дописать в стилях

Код Выделить

#rt-main img {margin-left: -25px!important;}

это чтобы оставить вставленный вами код и насильно вернуть картинки обратно, немного коряво....

Второй вариант? убрать прописанный вами text-indent с <body> и присвоить его тегу <p>

Код Выделить

p {text-indent: 25px;}

все в тех же стилях.

konservator · 25-04-2014, 13:35:14

Большое всем спасибо за советы, оказалось что фoтографии находятся внутри p как писала Княгиня выше. Поэтому это тоже не сработало, p {text-indent: 25px;}
В JCE редакторе поставил картинку "блочным элементом DIV", фoто уехало как и должно быть. А как сделать это для всех фoтографий по умолчанию?

Ruson · 25-04-2014, 13:38:06

Еще один момент, у вас все картинки идут внутри тега <P>, кроме самой первой, она почемуто заключена в тег <div>, из за этого у вас могут быть проблемы с разным отображением картинок, а также там перебор с абсолютами, зачем они картинкам не понятно вобще. Поэтому в вашем случае лучше использовать первый вариант и оставить уже то что вы добавляли, а именно:
#rt-main img {margin-left: -25px!important;}