Перейти к публикации

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


Рекомендованные сообщения

Пробовал несколько вариантов, но ничего качественного не придумал.

Вот этот вариант работает, но создаёт отступ всех картинок на сайте.

Мне нужно , чтобы отступ был только в новостных картинках

img {padding-left:10px}

Второй вариант работает только в Мозилле. Например если класс обозначить

.text img{padding-right:10px;border:0px;}

Подскажите способ, чтобы работал во всех браузерах... :o

Изменено пользователем bakabek
Ссылка на сообщение
Поделиться на других сайтах

ну так задайте img {padding-left:10px} только для новостного класса, например, .news img {padding-left:10px}

Ссылка на сообщение
Поделиться на других сайтах

ну так задайте img {padding-left:10px} только для новостного класса, например, .news img {padding-left:10px}

Так получается только в Мозилле. IE, OPERA игнорирует это

Ссылка на сообщение
Поделиться на других сайтах

Ну добавил я в свой ксс

.news img {padding-left:10px}

И где отступ ? кеш, меш пеш почистил...

http://xronika.az

Ссылка на сообщение
Поделиться на других сайтах

http://htmlbook.ru/books/?id=4#download

Ссылка на сообщение
Поделиться на других сайтах

Пробовал несколько вариантов, но ничего качественного не придумал.

Вот этот вариант работает, но создаёт отступ всех картинок на сайте.

Мне нужно , чтобы отступ был только в новостных картинках

img {padding-left:10px}

Второй вариант работает только в Мозилле. Например если класс обозначить

.text img{padding-right:10px;border:0px;}

Подскажите способ, чтобы работал во всех браузерах... :o

Разве наличие {padding-left:10px;} кто то отменял?

Может вам отступ справа от картинки нужен? Попробуйте такой формат padding:0 0 0 10px;

И сделайте скрин вобще в каком блоке нужен отступ?

Ссылка на сообщение
Поделиться на других сайтах

Сделал

.news img {padding:0 0 0 10px;}
и нифига...

Отступ нужен на всём сайте.. смотрите главные новости, аналитика и.т.д..

Ссылка на сообщение
Поделиться на других сайтах

И где отступ ? кеш, меш пеш почистил...

--

да зачем мне эта книга

--

и нифига...

Отступ нужен на всём сайте.. смотрите главные новости, аналитика и.т.д..

мне показалось, или вы считаете, что вам все должны? Ну в таком случаи вам поможет "Бахнул Аскеров"...

Ссылка на сообщение
Поделиться на других сайтах

И где отступ ? кеш, меш пеш почистил...

--

да зачем мне эта книга

--

и нифига...

Отступ нужен на всём сайте.. смотрите главные новости, аналитика и.т.д..

мне показалось, или вы считаете, что вам все должны? Ну в таком случаи вам поможет "Бахнул Аскеров"...

Что за бред? Мне нужен совет.

Ссылка на сообщение
Поделиться на других сайтах

идеи есть. но все же скиньте ссылку на пример(полную) и покажите картинку от которой нужно сделать отступ.

Я пробовал менять у вас на сайте через оперу значения, у меня получалось все ок.

скиньте ссылку.

Ссылка на сообщение
Поделиться на других сайтах

Вот к примеру ссылка на полную статью: http://xronika.az/sng/8978-medvedev-soglasilsya-so-spiskom-kandidatur.html

А на главной странице множество новостей где нужен отступ.

Например (главные новости, аналитика, спорт. шоу-бизнес)

Ссылка на сообщение
Поделиться на других сайтах

ну например сейчас у вас по той ссылке что вы дали стоит такая картинка

<img style="float: left; margin-left: 5px; margin-right: 5px; border: 0px;" title="Дмитрий Медведев" src="http://xronika.az/uploads/photo_archive/dmitrij-medvedev27.jpg" alt="Дмитрий Медведев" width="300" />
если это заменить на вот это
<img style="float: left; margin-left: 5px; padding-right: 50px; border: 0px;" title="Дмитрий Медведев" src="http://xronika.az/uploads/photo_archive/dmitrij-medvedev27.jpg" alt="Дмитрий Медведев" width="300" />

то все прекрасно работает.

А вообще все вышеперечисленные способы у вас не работают скорее всего потому что у вас не обьявлен доктайп, вследствии чего браузер не может понять на каком языке разметки у вас описан ваш сайт. XHTML ? Какой ? Их 4 штуки и по разному отображаются. HTML? или еще что то?

Ссылка на сообщение
Поделиться на других сайтах

blaga

Мля вот ты красавчик ) Я даже не обращал внимание на то, что у меня отсутствует доктайп.

Изменено пользователем bakabek
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

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

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...