HighDots Forums  

Re: "Justify"-like effect within text

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Re: "Justify"-like effect within text in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Jukka K. Korpela
 
Posts: n/a

Default Re: "Justify"-like effect within text - 09-02-2003 , 03:02 PM






"Owen Jacobson" <ojacobson.usenet (AT) mx-deus (DOT) net> wrote:

Quote:
We all know that text-align: justify; is supposed to justify the
block's text across the box.
And justification generally makes things worse, see
http://www.cs.tut.fi/~jkorpela/www/justify.html

Quote:
I have a friend, however, who wants to
take that further. - -
MARGIN| S O M E T E X T |MARGIN
I don't think there's a way to do that in "standard" CSS, but if your
friend is happy with something that works on IE 6, you could use

<div class="special">Some text</div>

with

..special { text-align: justify;
text-justify: distribute;
text-align-last: justify;
text-transform: uppercase;
margin: 0 3em; }

--
Yucca, http://www.cs.tut.fi/~jkorpela/


Reply With Quote
  #2  
Old   
Evertjan.
 
Posts: n/a

Default Re: "Justify"-like effect within text - 09-02-2003 , 03:27 PM






Jukka K. Korpela wrote on 02 sep 2003 in
comp.infosystems.www.authoring.stylesheets:

Quote:
I don't think there's a way to do that in "standard" CSS, but if your
friend is happy with something that works on IE 6, you could use

div class="special">Some text</div

with

.special { text-align: justify;
text-justify: distribute;
text-align-last: justify;
text-transform: uppercase;
margin: 0 3em; }

Well done!

some detail:

<style>
..special { text-align:justify;
text-justify:newspaper;
text-align-last:justify;
padding:0 5%;
margin:0 20%;
border:green solid 1px;}
</style>

<div class="special">Some text</div>


--
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)


Reply With Quote
  #3  
Old   
Steve Fulton
 
Posts: n/a

Default Re: "Justify"-like effect within text - 09-03-2003 , 06:44 AM



Owen Jacobson wrote:
Quote:
Jukka K. Korpela wrote:
div class="special">Some text</div

with

.special {
...
text-justify: distribute;
...
}

Is there any movement afoot to add something similar to CSS 3, as far
away as that may actually be? It seems like a useful feature.
4.2. Justification: the 'text-justify' property
<http://www.w3.org/TR/css3-text/#justification-prop>

--
Steve

Authority without wisdom is like a heavy axe without an edge, fitter to
bruise than polish. -Anne Bradstreet




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.