позиционирование картинок на одном уровне с текстом

[Albert22]

привет
давно видел эту неприятность, но как-то не обращал на нее внимания, до тех пор пока она не начала мне реально докучать - нынешних. вот код:

<a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a>
<a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a>

то, что он выводит - во вложении. для наглядности приписал белый border, а для надежности - параметр высоты. не сработало. а проблема, как вы уже поняли, в том, что текст не на одном уровне с картинкой. точнее, последняя немного выше. vspace, align, margin-bottom:-3px не помогли...
что это за херь? и как с нею бороться?

 

[Ramon]

1. Убрать css-стили в ссылках.
2. В теге img прописать hspace и vspace, указать align=left.
3. Поэкспериментировать с расположением строк (строка с картинкой выше или ниже)

 

[invader]

Попробуйте align="absmiddle"

<a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;">MP3</a>
<a href="/listen/aradio.m3u" style="text-decoration:none; height:17px; border:#fff 1px solid;"><img src="/pics/hi.png" width="30" height="17" alt="192" align="absmiddle"/></a>

 

[Юрец]

Поместить их оба (можно и по отдельности) в один <div> и спозиционировать на странице абсолютно; + пару строк css-хаков, если нужен одинаковый вид во всех браузерах.
p.s. мой первый "учебник" - cssplay.co.uk

 

[sineda]

Поробуй "align=absmiddle", как invader посоветовал или просто "middle", если не поможет, то стилем "padding-top", "padding-bottom".

 

[Albert22]

Попробуйте align="absmiddle"

Вот! Это самое оно! Спасибо!

Добавлено через 1 минуту

p.s. мой первый "учебник" - cssplay.co.uk

Мой тоже

 

[bumbu]

может пригодится - ещё вот тут хорошо описано как разобратся с блоками

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.