<style>
.prm
{
font-family: 'Times New Roman', Georgia, Times, serif;
font-style: italic;
font-size: 120%;
}
.prm_w
{
position: relative;
bottom: 0.7em;
right: 0.55em;
margin-right: -1em;
width: 1px;
height: 1em;
font-size: 110%;
}
</style>
очередные траблы кросбраузерной вёрстки [help]
hi други
Оптимизирую проект под IE6, Firefox2, Opera9.
Задача:
получить символ с тильдой/уголком/полоской сверху.
Решение:
...
Кросбраузерные траблы:
http://xexsus.googlepages.com/c_tilda_m.gif
Понимаю что туплю, и вообще использовать отрицательные значения плохо, но подругому неполучается.
Подскажите, как исправить?
Оптимизирую проект под IE6, Firefox2, Opera9.
Задача:
получить символ с тильдой/уголком/полоской сверху.
Решение:
Код:
...
Код:
параметр <span class="prm">c</span><span class="prm_w">~</span><sub>m<sub>
Кросбраузерные траблы:
http://xexsus.googlepages.com/c_tilda_m.gif
Понимаю что туплю, и вообще использовать отрицательные значения плохо, но подругому неполучается.
Подскажите, как исправить?
Цитата: xexsus
Понимаю что туплю, и вообще использовать отрицательные значения плохо, но подругому неполучается.
Это почему плохо?
Попробуй в класс .prm добавить position: relative; , а .prm_w сделать position:absolute; , тогда будет все много проще, достаточно будет для .prm_w прописать отрицательные : top и left (т.е. вынести вверх и влево).
Ура! Заработало. Спасибо сенсей.
Верное решение:
...
Верное решение:
Код:
<style>
.prm
{
font-family: 'Times New Roman', Georgia, Times, serif;
font-size: 1.2em;
font-weight: normal;
font-style: italic;
padding: 0 0.175em;
position: relative;
}
.prm_w
{
font-family: Georgia;
font-size: 0.75em;
font-weight: normal;
font-style: normal;
position: absolute;
top: -0.65em;
left: 0.30em;
}
</style>
.prm
{
font-family: 'Times New Roman', Georgia, Times, serif;
font-size: 1.2em;
font-weight: normal;
font-style: italic;
padding: 0 0.175em;
position: relative;
}
.prm_w
{
font-family: Georgia;
font-size: 0.75em;
font-weight: normal;
font-style: normal;
position: absolute;
top: -0.65em;
left: 0.30em;
}
</style>
...
Код:
<p>параметр <span class="prm">f<span class="prm_w">–</span></span><sub>m</sub></p>
<p>параметр <span class="prm">C<span class="prm_w">^</span></span><sub>m</sub></p>
<p>параметр <span class="prm">x<span class="prm_w">~</span></span><sub>u</sub></p>
<p>параметр <span class="prm">C<span class="prm_w">^</span></span><sub>m</sub></p>
<p>параметр <span class="prm">x<span class="prm_w">~</span></span><sub>u</sub></p>