По html. Отодвинуть рамку

A
На сайте с 07.06.2010
Offline
33
1530

Здравствуйте

Сейчас ситуация такая:

Нужно:

Мне просто нужно увеличить расстояние между картинкой и рамкой на n пикселей. Как это осуществить?

Пробовал одеть img в div. Стиль div-а:

border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px;

Но в этом случае части рамки остаются на своих местах.

D
На сайте с 30.09.2008
Offline
107
#1
Aspiring:

Пробовал одеть img в div. Стиль div-а:
border: 1px solid #BBBBBB; margin-right: 110px; margin-bottom: 200px; margin-left: 110px;

Естественно оно не получится. Копайте в сторону padding (внутренний отступ), а не margin (внешний отступ). Либо если и задавать margin, то именно картинке (img), а не к диву.

Как-то так:

<div id="ramka">

<img src="..." alt="" />
</div>

В стилях вот так:

#ramka {

border: 1px solid #BBBBBB;
padding: 0 110px 200px 110px;
}

В таком случае любой объект внутри рамки будет иметь заданный отсуп. Если нужно чтобы был отсуп только у картинки, то вот такой вариант, например:

#ramka {border: 1px solid #BBBBBB;}

#ramka img {margin: 0 110px 200px 110px;}

Либо тегу img можно стиль задать отдельно, в котором и указать внешний отступ от рамки, вариантов как видите, не один ).

[Удален]
#2

<img src=" " style="margin-right:50px">

A
На сайте с 07.06.2010
Offline
33
#3

Спасибо большое всем.

DC***, не надо было так подробно расписывать, первого сообщения было достаточно. Огромное человеческое спасибо

D
На сайте с 30.09.2008
Offline
107
#4
Aspiring:
Спасибо большое всем.

DC***, не надо было так подробно расписывать, первого сообщения было достаточно. Огромное человеческое спасибо

Перестарался, сорри, хотел максимально подробнее растолковать :).

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