Как сделать отступ от картинки в html
Перейти к содержимому

Как сделать отступ от картинки в html

  • автор:

Как сделать отступ от картинки в html

Сообщение # 2 | 21:02:05 24 Окт 2012

Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили.

В ЛС — только адреса и пароли. Все остальное — на форуме.
Студия | Шаблоны | Статьи
Сообщение от KaiLee

Сообщений: 24

Сообщение # 3 | 22:11:25 24 Окт 2012
Можно ещё пробелов наставить в нужных местах!
Сообщение от Usmanec

Сообщений: 5463

Сообщение # 4 | 22:45:20 24 Окт 2012

Usmanec,
Пробелы не помогут в принципе. Во-первых, задолбаетесь расставлять, во-вторых, у посетителя в браузере могут стоять пользовательские настройки текста — это будет выглядеть ужасно.

В ЛС — только адреса и пароли. Все остальное — на форуме.
Студия | Шаблоны | Статьи
Сообщение от KaiLee

Сообщений: 23

Сообщение # 5 | 10:22:47 26 Фев 2013

«Usmanec,
Общими стилями сайта, стилями конкретного блока, выводом изображений через код img и его стили.»
а можно пример?

Сообщение от Flora8219

Сообщений: 369

Сообщение # 6 | 10:30:39 26 Фев 2013

.конкретный img <
margin-right: 15px;
>

Сообщение от NZT

Сообщений: 23

Сообщение # 7 | 10:34:39 26 Фев 2013
$IMAGE1-right$
прописала так, изменений нет.

Сообщение от Flora8219

Сообщений: 491

Сообщение # 8 | 10:38:02 26 Фев 2013
Usmanec,
можно так ещё

или присвоить класс

и прописать с классом . более лучший вариант

но потом надо отменить обтекание, где Вам надо, например nfr прописать в код отмену

— коротко
или более лучший вариант

Цитата ( Flora8219 )
$IMAGE1-right$

))) . такое в стилях не отработает
Понял тебя, тридцатый .
Сообщение отредактировал brodyaga30 — Вторник, 26 Фев 2013, 10:44:17
Сообщение от brodyaga30

Сообщений: 23

Сообщение # 9 | 11:00:18 26 Фев 2013

У меня наверное руки не оттуда растут, но не получается, перепробовала все предложенные Вами варианты. Вот картинка, от которой хочу сделать отступ. http://www.adenium-sib.ru/index/obshhie_pravila/0-14
Сверху снизу почему то есть отступ, а слева от изображения нет

Сообщение от Flora8219

Сообщений: 491

Сообщение # 10 | 13:49:51 26 Фев 2013

Flora8219, вам привели пример на отступ справа, надо слева, тогда должно быть по другому
вот почитайте как прописать отступы — margin
есть варианты задать конкретный отступ, можно прописать отдельно по всем сторонам в одном правиле
например :

margin: 15px
margin: 15px 15px 15px 15px

— одно и тоже только в одном случае краткая запись для всех сторон, в другом по конкретным сторонам всё прописано
пропишите как Вам надо/удобнее

Отступ под изображением | HTML

котёнок мечтает стать львом

По умолчанию у картинки vertical-align: baseline;.

 figure 
на одной линии с текстом. Без свисания букв (р,д,у,ц)

Как убрать нижнюю полосу или отступ от картинки до div (или другого родительского элемента)

Вариант 1. Разместить изображение по середине строки

котёнок мечтает стать львом

 figure < border: 10px solid #456; >img 
посмотреть немного другой ракурс

Вариант 2. Убрать размер шрифта или высоту строки

котёнок мечтает стать львом

Вариант 3. Сделать фотографию блоком

котёнок мечтает стать львом

figure < border: 10px solid #456; >img

Вариант 4. Задать фото float

котёнок мечтает стать львом

figure < display: inline-block; /* убрать действие float вне родительского блока */ width: calc(100% — 100px); /* Аааа. Почему именно 100px. Я к этой цифре пришла путём перебора значений */ border: 10px solid #456; > img

2 комментария:

Анонимный «Убрать . линию высоты»? line height — высота строки. NMitra Спасибо, исправила! У меня иногда бывает, когда язык заплетается. По-видимому, это сказывается и на письме. И ведь дописывала этот фрагмент этой статьи, когда сочиняла http://shpargalkablog.ru/2014/04/line-height-css.html

Используя данный сайт, Вы обязуетесь выполнять условия этого Соглашения. © 2010- гг.

Как сделать отступ текста от картинки?

Доброго времени суток! имеется два блока, которые находятся рядом т.е.

float: left

в первом блоке картинка а во втором текст, но получается так что текст прям касается картинки, делаю отступ с помощью padding или margin ничего не меняется, если значение отступа увеличиваю больше размера картинки тогда все норм. собственно вопрос, можно ли не увеличивать отступ на столько? если нет, то не будет ли в других мониторах с меньшим разрешить показывать по другому?

Лучшие ответы ( 1 )

94731 / 64177 / 26122

Регистрация: 12.04.2006

Сообщений: 116,782

Ответы с готовыми решениями:

Как внути input сделать отступ для текста?
Добрый день. Как внути input сделать отступ для текста? <form <input.

Как задать дополнительный отступ для картинки внутри div?
Здравствуйте. Есть такой код: .big_arrow2 < display: block; background: #f7f7f7.

Iframe как задать отступ от текста
Доброго времени суток всем. Помогите пожалуйста разобраться, не как не могу понять как задать.

Как убрать отступ (строчный) текста от поля формы?
Здравствуйте помогите устранить один нюанс, как убрать отступ текста от поля формы? на рисунку.

Эксперт HTML/CSS

653 / 556 / 322

Регистрация: 27.01.2015

Сообщений: 1,374

Лучший ответ

Сообщение было отмечено ildwine как решение

Решение

margin-right для картинки или блока с картинкой

Курсы javascript

1. При нажатии вставляется картинка. Как добавить отступ от картинки вниз на один курсор, то есть чтобы при нажатии вставилась картинка и мигал курсор строкой ниже от картинки?
2. При нажатии на жирный шрифт, что бы курсор перешел в режим жирного шрифта?

var o=document.getElementById('box'); o.onclick = function() < var img = new Image(); var div = document.getElementById('box'); div.appendChild(img); img.src ='https://ru.wikipedia.org/static/images/project-logos/ruwiki.png'; img.className = "image"; >
жирный фрифт

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *