Перейти к контенту
  • 0

Обтекание картинки слева и справа


se63

Вопрос

Нашёл только для 1.3 версии, для 2.0 ненашёл, посему пишу сюды запрос на помощь. Собственно как сделать чтобы текст обтекал картинку, если допустим она постится как leftссылка на картинку[/img].

 

И можно ли сделать возможность обтекание как слева так и справа по отдельности?

 

:D

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

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

  • 0

Виталий, я же грил вроде, что полностью поставил по аналогии с 1.3 :D

Добавлено в [mergetime]1096871650[/mergetime]

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

  • 0

Извиняй, не нашёл про аналогию

 

/me извиняется и удаляется модифицировать код по аналогии

 

 

 

Не понятен вопрос

 

имелось ввиду 2 различных тега:

 

1. lefthttp[/img]

 

2. righthttp[/img]

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

  • 0

от спасибо, всё сделал, теперь можно и работой заняться :D

Добавлено в [mergetime]1096880808[/mergetime]

возник встречный вопрос, для окончательного удовлетворения хотелось бы решить маленькую проблему с границами обтекания:

 

http://vnet.takap.ee/problem.gif

 

Можно ли увеличить расстояние между текстом и картинкой?

 

Изменение параметра img в CSS файле приводят к искривлению общего вида и этот способ не подходит.

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

  • 0

se63

сделайте класс , добавляемый только при обтекании (при парсе тэга left)

и меняйте параметры padding

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

  • 0
Да не, всё проще, нужно добавить hspace='5' да и всё, только я не знаю как его парсить, если просто добавить - он и в Тэгах форума останется
Ссылка на комментарий
Поделиться на других сайтах

  • 0

забыл уточнить, что я новичёк в этом деле, и ответы по типу серёги мне ничего не говорят :D

 

если просто добавить - он и в Тэгах форума останется

как это отобразится на форуме?

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

  • 0

se63, там, где у вас находится реализация обработки

[IMG=left]

то есть замена на

<img src='url' align='left'>

написать так

<img src='url' align='left' class='aligned_img'>

 

в css добавить класс:

.aligned_img { padding: 2px }

 

Добавлено в [mergetime]1096887562[/mergetime]

в будущем вы легко измените расстояние от картинки до другого объекта (картинки, текста)

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

  • 0

se63 Два ящика ты хотел сказать ? ;)

 

Добавлено в [mergetime]1096951568[/mergetime]

cepera

se63А теперь отредактируйте пост и посмотрите, что

если просто добавить - он и в Тэгах форума останется
я не в пустоту говорю :D
Ссылка на комментарий
Поделиться на других сайтах

  • 0

Господа, подтвержден баг финала в ИЭ:

"обтекания картинки текстом в нем не наблюдается".

 

В Опере этой проблемы нет.

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

  • 0

да похоже косячит из-за стилей, так как точной такой же хтмл отдельной страничкой - никаких проблем в любых броузерах, засовываем в пост - косячит только так..

Добавлено в [mergetime]1097094870[/mergetime]

ну вообщем то проблема уже решена:D

внутри стиля

img{
border: 0; /* makes sure linked images do not have a border */
vertical-align: middle;
}

удаляем vertical-align: middle;

то есть оставляем только

img{
border: 0; /* makes sure linked images do not have a border */
}

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

  • 0

хех ну и после этого небольшой глюк с графическим отображением голосования (ну не могли они сделать все по человечески:D)

 

идем в редактирование макросов и там редактируем <{BAR_LEFT}> и <{BAR_RIGHT}>

и сотответствено в первом заменяем все на

<img src='style_images/<#IMG_DIR#>/bar_left.gif' border='0' align='middle'  alt='*' />

а во втором на

<img src='style_images/<#IMG_DIR#>/bar_right.gif' border='0' align='middle' alt='*' />

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

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

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

Гость
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Ответить на вопрос...

×   Вы вставили отформатированный текст.   Удалить форматирование

  Допустимо не более 75 смайлов.

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

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

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

Зарузка...
×
×
  • Создать...

Важная информация

Находясь на нашем сайте, вы соглашаетесь на использование файлов cookie, а также с нашим положением о конфиденциальности Политика конфиденциальности и пользовательским соглашением Условия использования.