не может повлиять на изображение с помощью css - нужно двигаться вверх с нег. поле

Question

Это действительно странно.Я не могу повлиять на это изображение через CSS вообще.Попытка добавить класс специально для изображения, а также написание CSS, чтобы повлиять только на изображение, но zip.Это не сдвинется с места.Единственное, что заставляло его двигаться, - это установка нег.поле на реальном изображении, и там оно только увеличилось примерно на 40px и больше не пойдет (с тех пор это снято).Изображение, о котором идет речь, является вкладкой «представьте» (wp-image-39) на этой странице: http://circore.com/haute/. Биты CSS, которые я оставил:

img.wp-image-39
{
margin-top:-120px;
background:#ff0000;
}
.toptab
{
margin-top:-120px;
background:#ff0000;
}

Я также пытался повлиять на все изображения в области контента и кучу других вещей.Красный фон только для того, чтобы я мог видеть, сработало ли что-то.Argh!Большое спасибо!

Answer 1

Я бы установил position: absolute для изображения. Тогда вы сможете свободно перемещать его с полями относительно его встроенного положения.

Answer 2

Последние 3 класса вашего CSS

#text-4
{
font-size:11px;
line-height: 15px;
color: #000000;
text-align: center;
}

img.wp-image-39
{
margin-top:-120px;
background:#ff0000;
}
.toptab
{
margin-top:-120px;
background:#ff0000;
}

находятся внутри @media print {который на самом деле не закрыт.

Поставьте закрывающую скобку перед # text-4 или где вам нужно.

Answer 3

Вместо того, чтобы пытаться наложить стили на изображение, почему бы не наложить стили на содержащую div?

.toptab { margin-top: -50px; }

Будет ли это соответствовать вашим потребностям?

Answer 4

<div style="margin-top:-120px;">

Встроенный CSS будет также работать с div, который оборачивается вокруг. Надеюсь это поможет.