Ryan Oswald wrote:
> hello,
> I'm trying to create a diminishing lead-in paragraph like this:
> http://www.ozworkz.com/temp/leadin.png
>
> I'm not sure how to go about doing this correctly with xhtml/css.
> Also, I imagine that browser text size increase/decrease would just
> screw it up.
> So is something like this even possible?
>
>
It is possible to get the diminishing font size part of it quite easily
(see below).
Providing you can live with not setting a restrictive width for the
division the text is enclosed in;
and, can live with flush left/scatter right (text-align:left; rather
than text-align:justify;) the text will scale up /or/ down.
Otherwise, I am afraid you are out of luck...
CSS
body {font: 100% sans-serif;}
p {margin: 0;}
p.c1 {font-size: 130%;}
p.c2 {font-size: 110%;}
p.c3 {font-size: 100%;}
p.c4 {font-size: 95%;}
p.c5 {font-size: 90%;}
HTML
<div>
<p class="c1">...</p>
<p class="c2">...</p>
<p class="c3">...</p>
<p class="c4">...</p>
<p class="c5">...</p>
</div>
--
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
