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

burn · September 5, 2008

привет

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

<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 не помогли...

что это за херь? и как с нею бороться?

Edited September 5, 2008 by burn

rus · September 5, 2008

а если так:

<style>
#div_style a {
text-decoration:none;
height:17px;
border:#fff 1px solid;
}
img {
border:none;
}
</style>
</head>

<body>
<div id="div_style">
<a href="/listen/aradio.m3u">MP3</a>
<a href="/listen/aradio.m3u"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a>
</div>

burn · September 5, 2008

я вижу здесь акцент на отключение границы для картинок? у меня уже было прописано img {border:0px;} в общем css файле, так что это не поможет

rus · September 5, 2008

мона вот так, но это имхо уж очень извращенно!

<style>
#div_style1 a {
text-decoration:none;
position:absolute;
top:11px;
}
img {
border:none;
}
#div_style2 {
position:absolute;
top:10px;
left:50px;
}
</style>
</head>
<body>
<div id="div_style1">
<a href="/listen/aradio.m3u">MP3</a>
</div>
<div id="div_style2">
<a href="/listen/aradio.m3u"><img src="/pics/hi.png" width="30" height="17" alt="192"/></a>
</div>

Sign In

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

Question

burn

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

rus

Link to comment

Share on other sites

burn

Link to comment

Share on other sites

rus

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information