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>
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