выравнивание текста относительно картинок в htmlText

[sgt_by]

Здравствуйте! очень нужна помощь!

в текст грузится инфа следующим образом:

txt.htmlText = "<img src="asdasd.jpg">бла бла бла";

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

подскажите пожалуйста, как поровнять?

посмотреть что происходит можно следующим образом:

1. зайти на http://armbrand.com/site/
2. навести курсор на маленькую буковку "А" когда закончится анимация, появится меню..
3. зайти в раздел "ARMBRAND" и выбрать пункт услуги..

[mooncar]

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

Если прямо в коде AS писать текст для текстового поля, как у вас, то нужно сделать что-то вроде "<img> \n text";

txt.htmlText = "<img src="asdasd.jpg">\n       Качественный нэймиг";

Между "\n" и текстом поставьте пробелы, в эту область на новой строке попадет картинка.
Если высота строки окажется неточной, чтобы картинка попала в приемлимый центр, то можно попробовать использовать CSS и попытаться отформатировать пустую строку.

Вообще приходилось много работать с html-кодом с изображениями, который отрисовывается в динамическом текстовом поле. Пришел опытным
путем к удивительным вещам. Например, при форматировании внешнего вида такой страницы можно и нужно использовать пустые строки и пробелы, чего порядочный браузер не учитывает.
Например, загружая html-форматированный текст из внешнего текстового файла, после картинки, идущей отдельно на строке нужно отводить n-ое количество пустых строк ниже, чтобы она не наезжала на текст ниже.. То есть текст начинать несколько ниже. При записи текста прямо в коде мы не можем вбить пустую строку, эту роль здесь играет симовл "\n" .
Кстати, если объемный текст начать писать сразу после картинки, на той же строке, то он обтечет картинку справа. И еще многие нюансы...
PS. Можно попробовать вместо \n использовать теги <br> или <p>...

[dimarik]

Гляньте здесь. Вполне вероятно, будет понятно отношение флэша к хтмл. Может быть, найдете ответ на свой вопрос.

[sgt_by]

mooncar: htmlText распознает <p> ? если да то это здорово.. а вот если использовать <br> то текст перекидывается на новую строку аж под саму картинку.. так что этот вариант не проходит.. а не в курсе, если перед текстом прописать <p style="margin-top:20px"> - сработает ?

[mooncar]

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

а вот если использовать <br> то текст перекидывается на новую строку аж под саму картинку..

Пробелы в области картинки, о которых я писал вам, вы не сделали?
Касательно стилей.
CSS текстовому полю нужно предварительно назначить (styleSheet), а потом можно стили использовать прямо в тексте. Почитайте, там немного совсем.

Добавлено через 4 минуты
Сделайте вот так и не забудьте о пробелах, куда картинка попадает!

test.htmlText = '<img src="picture.jpg">\n                 Качественный нэймиг';
                                           <-- пробелы -->

[sgt_by]

ну я попробовал, но видите ли что: \n почему то не воспринимается.. то есть выводится текст: "/n Качественный нэймиг"..

у меня вообще текст берется из xml.. т.е. я в хмл-ке прописываю:

<![CDATA[<img src='images/elements/contact/phone.jpg'>\n               (+375-17)2848182]]>

[mooncar]

Ну <br> тогда... И отступ от картинки, margin..

[sgt_by]

а если прописать <br> то текст сваливается в низ под картинку.. т.е. на новую строку.. какого бы размера картинка не была, он свалится под нее.. вот так.. (:

[mooncar]

То есть пробелы не печатаются? Странно, у меня не XML, конечно, но приведенный пример работает.
Понял, о чем вы, не в пробелах дело..

[mooncar]

Вот, гляньте, прикрепил...