помогите срочно пожалуйста (лёгкий вопрос)

12 3
F1
На сайте с 14.10.2010
Offline
39
1116

Как сделать отступ текста от картинки? сайт ниже... Размещение таким же должно и остаться( картинка с лева-новость справа и ниже) Просто щас между картинкой и текстом нет расстояния,а я не могу понять как его сделать ;)

http://kenignews.ru/

unixadm
На сайте с 24.09.2010
Offline
110
#1

  - и наступит счастье

Host4Biz: NVMe Хостинг в Европе ( https://host4.biz/ru/hosting/shared-hosting ) | Windows/Linux NVMe VPS в Европе ( https://host4.biz/ru/vps ) | Выделенные серверы в Европе, США и Азии ( https://host4.biz/ru/servers/dedicated )
ProTeg
На сайте с 09.06.2008
Offline
226
#2

<img class="alignleft" style="margin: 10px;" src="трататата"> вам в помощь, а ещё лучше вынести это отдельно в CSS... это будет отступ со всех сторон.... можете сделать отступ с каждой стороны как хотите margin: 10px 10px 10px 10px;

Apach47
На сайте с 28.10.2008
Offline
74
#3

<div style="padding-right: 5px; width: auto"></div>

либо через mrgin-right

И опыт - сын ошибок трудных... И гений - парадоксов труд... И случай бог изобретатель... (А.С.Пушкин)
ProTeg
На сайте с 09.06.2008
Offline
226
#4
unixadm:
&nbsp; - и наступит счастье

зачем ерундой заниматься, когда можно сделать всё по людски???

ProTeg добавил 19.10.2010 в 20:20

Apach47:
<div style="padding-right: 5px; width: auto"></div>

либо через mrgin-right

Не корректно работает в IE7 и в IE6 - вообще не работает

PS надо же в первые занесло в эту ветку)))

F1
На сайте с 14.10.2010
Offline
39
#5

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

ProTeg
На сайте с 09.06.2008
Offline
226
#6
FROST321:
ProTeg- код я увидел а куда его размещать можете сказать? я не понимаю в тонкостях....

<img class="alignleft" style="margin: 10px;" src="трататата"> - вот это картинка... прописываем отступы для картинки... по всем сторонам... это одинаковый отступ со всех сторон...

<img class="alignleft" style="margin: 10px 10px 10px 10px;" src="сама картинка" alt="описание картинки">

десятки - это стороны

F1
На сайте с 14.10.2010
Offline
39
#7

вот допустим у меня новость выглядит так:

Президент Франции озвучил время вступления безвизового режима между нашими странами.

По словам Николя безвизовый режим между Россией и Европой будет осуществлён примерно через десять-пятнадцать лет.Об этом он заявил перед президентом Германии и России.

надо сделать так?:

<img class="alignleft" style="margin: 10px;" src="">

Президент Франции озвучил время вступления безвизового режима между нашими странами.

По словам Николя безвизовый режим между Россией и Европой будет осуществлён примерно через десять-пятнадцать лет.Об этом он заявил перед президентом Германии и России.

ProTeg
На сайте с 09.06.2008
Offline
226
#8
FROST321:
вот допустим у меня новость выглядит так:

Президент Франции озвучил время вступления безвизового режима между нашими странами.
По словам Николя безвизовый режим между Россией и Европой будет осуществлён примерно через десять-пятнадцать лет.Об этом он заявил перед президентом Германии и России.


надо сделать так?:
<img class="alignleft" style="margin: 10px;" src="">
Президент Франции озвучил время вступления безвизового режима между нашими странами.
По словам Николя безвизовый режим между Россией и Европой будет осуществлён примерно через десять-пятнадцать лет.Об этом он заявил перед президентом Германии и России.

PS Это в какой ЦМС предлагается BB код для публикации?

Это BB код то что вы привели(это не HTML)... попробуйте просто вставить. за место

вот это

<img class="alignleft" style="margin: 10px 10px 10px 10px;" src="http://s004.radikal.ru/i206/1010/5f/81b10ba5f3a4.jpg"> если там конечно HTML поддерживается)))

F1
На сайте с 14.10.2010
Offline
39
#9

DLE!

когда вставил как вы сказали картинка оказалась сверху-текст снизу

flenj
На сайте с 21.07.2010
Offline
59
#10

после 101 строки добавьте:

.news-text img {margin: 10px; float: left;}

или пропишите в 101, чтобы без повторов..

flenj добавил 19.10.2010 в 21:40

я бы добавил еще одну строку, чтобы текстовый блок смотрелся красивее:

.news-text { text-align: justify; }

Порфолиё /ru/forum/526650 (/ru/forum/526650)
12 3

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