news paper style

windows

Guest
how do you do this in css with out using tables ?

balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbal

|||= picture
blabla= textimg {float:right; padding:5px;} [css]

<div><img src=http://www.webdeveloper.com/forum/archive/index.php/"pic1.jpg" alt="pic1" />
<p>blahdeblahedeblahdeblah</p>
</div>
HTML:
or

.pic {float:right; padding:5px;}  [css]

<div><img class="pic" src=http://www.webdeveloper.com/forum/archive/index.php/"pic1.jpg" alt="pic1" />
<p>blahdeblahedeblahdeblah</p>
</div>    [html]

That should do it.Css:

img {float:right;}

HTML:

<img src=http://www.webdeveloper.com/forum/archive/index.php/"src.jpg" alt="image"><p>blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah </p>i thought that it would be to simple to be true but to my surprise it works :) 

So now i have the following

balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
ablabalblablabalablabalbalbalbalab
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaa
ablabalblablabalablabalbalbalbalablaalb

how can you make it like this

balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
balbalablabalbalablabalbalablab||||||||||
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbal
ablabalblablabalablabalbalbalbalablaalbalAdd to your style definition:

p {text-align: justify;}

(However, as your columns get narrower, it's often better to leave it unjustified, particularly since browsers generally don't hyphenate, so you sometimes end up with strange letter-/word-spacing to try to justify the text.)thx :) Seems to work great doh i made my window bigger and smaller and i dont have strange characters
 
Back
Top