Sent by Jukka K. Korpela on 20 June 2004 09:09
On Sun, 20 Jun 2004, eastecho wrote:
> I want to add underlines to a paragraph to make it easy to read.
Underlining generally means making text harder to read (and is meant to
emphasize rather than help reading). On Web pages it is also misleading,
since underlining is so widely recognized as saying "I'm a link".
But from your URL, it seems that you don't really aim at underlining but
drawing horizontal rules between lines of text - something that you could
do, very clumsily, in pure HTML, using <hr>. I think this could be
achieved in CSS if you can afford extra inline markup inside paragraphs:
<p><span>...</span></p>
in which case you can use e.g.
p span { line-height: 1.8;
padding-bottom: 0.3em;
border-bottom: solid 1px #999; }
Whether this improves readability is probably debatable.
> So I put a background image to it and make it 'repeat-y'.
Sounds like a bit too complicated an approach.
> When there is no <br /> tags
> it just looks like what I want. But when there is an empty <br /> tag,
> Mozilla 1.3 recongnizes it, but IE5 does not.
Forced line breaks in text generally don't do good to flexibility, and
they cause some problems in styling too, since <br> elements are odd birds
in the document tree. Anyway the relatively simple approach I suggest
works with forced line breaks too.
(Forced line breaks might be useful if you are writing "easy read"
documents in the sense explained e.g. at
http://www.inclusion-europe.org/information/eetr.htm
and therefore divide sentences to short fragments, each on a line
of its own.)
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
