2013-09-04 4 views
0

Я довольно новичок во всем HTML и CSS-материале, поэтому заранее извиняюсь за мою невежественность! Я пытался и не смог выровнять свои изображения с моим текстом в своем блоге: http://kittenasacat.blogspot.ie/2013/08/saturday-sweetness-my-caramel-squares.html Тело контента имеет ширину 600 пикселей и мои фотографии, но они слегка отступаются, так что их правая сторона немного отрезана , Мне удалось получить все остальное в очереди, но не так!Как удалить ненужное левое поле/отступы из почтовых изображений?

.post{ 
    width:100%; 
    height:auto; 
    padding:0; 
    margin:5px 0 30px; 
    border-bottom:none; 
} 
.post-body{ 
    margin:0 0 .75em; 
    line-height:1.6em; 
    font-size:11px; 
    font-family:Arial; 
    text-align:justify; 
} 
.post h3{ 
    font-size:30px; 
    margin:0; 
    padding:5px 0; 
    text-align:left; 
    font-family:Yanone Kaffeesatz, sans-serif; 
    text-transform:uppercase; 
} 
.post img{ 
    padding:0; 
    min-width:600px; 
} 
.thumbs img{ 
    margin-left:0px; 
} 
.post-footer-line-1,.post-footer-line-2,post-footer-line-3,.post-footer{ 
    display:none; 
} 

Я бы сказал, что это, вероятно, что-то очевидное, но это бьет меня. Дайте мне знать, если вам нужна дополнительная информация! Большое вам спасибо за вашу помощь! (:

ответ

2

глядя на свой веб-сайт, я нашел в тег вокруг изображения с встроенных стилей:

<a href="[...]" style="margin-left: 1em; margin-right: 1em;"> 
    <img border="0" src="[...]"> 
</a> 

Таким образом, только удаление встроенные стили также удалить поля :)

+0

Возможно, вы захотите отметить, что это связано с тем, что встроенные стили всегда имеют приоритет над стилями в таблице стилей. –

+0

Спасибо за ваш быстрый ответ! Извините за мое полное недоумение, но какой лучший способ удалить встроенные стили? S: – user2745528

+0

Я полагаю, что стили пришли из вашего шаблона или через плагин для галереи изображений ?! Как я вижу, они теперь ушли в исходный код ... –

0

I думаю, что этот стиль является вашей проблемой ...

style = "margin-left: 1em; margin-right: 1em;"

Когда я отключил их, изображение переместилось вправо, и появилась отрезанная часть.

0

style="margin-left: 1em; margin-right: 1em;" можно установить на none. Подробную информацию см. На странице post.

Смежные вопросы