Scripsit SergioQ:
Hi all, am trying to show a dollar figure on my webpage, but defining
this for the cents value:
font-size: 80%;
vertical-align: super;
just isn't cutting it!
Exactly what are you trying to do? URL? You only posted two CSS
declarations, not even a rule. We need a URL of a complete example, with
HTML code and all.
Maybe you are looking for vertical-align: text-top.
Anyway, did you consider how the page works when your CSS rules are ignored?
If you don't have a decimal point, i.e. if you _rely_ on the special
rendering, then all your figures become 100 times bigger when CSS is turned
off...
Is there a way to reduce the spacing before the decimal value, so I
canbring it closer to the dollar value?
Well, using letter-spacing, but not very well due to browser differences.
Setting a negative margin works better. But why would you do that?
If I guess correctly, the following might resemble what you want:
<style type="text/css">
ul { margin: 0; padding: 0; }
..sep { display: none; }
..c { font-size: 80%;
vertical-align: text-top; }
</style>
....
$4<span class="sep">.</span><span class="c">99</span>
It's rather awkward markup, but what can you do?
--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/