Georg,

Thank you for your help and very candid comments. As with anything old
habits die hard and takes time to change.

Regards

Kevin


-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Gunlaug Sørtun
Sent: Monday, March 19, 2007 21:25 PM
To: Kevin J Pledger
Cc: 'Css-D Lists'
Subject: Re: [css-d] Text Flowing around images

Kevin J Pledger wrote:
> Hi Georg,
> 
> Yes in your example 1 is that I am looking for, but instead of being 
> on the left have it on the right.

That's a basic right-floated image, like this...

HTML:
<img class="flr" .......... />

CSS:
img.flr {
float: right;
margin: 0 0 3px 3px;
}

...or something in that order.

> Which means by looking at your example and the code I need to create a 
> new p class and a img class for the paragraphs on which I want the 
> images to appear.

You only need a class for the image(s). The relevant paragraph(s) will wrap
around a floating image by default.
It is only if you want something that looks like my example 4 that you also
need to address the relevant paragraph.


Now, since you're going for 'table-less', you should also get rid of the old
habits of littering your source-code with "font tags" and "nbsp; spacing".
There's no real progress in replacing tables with divs and then plug the
content inside those divs using the same - obsolete - presentational mark
up. I don't think 'Microsoft FrontPage 6.0' will get you anywhere, so it's
probably time to bury it.

What you have now may do as a first step, but you should start using a
Strict doctype, proper mark up and practices that goes with it, ASAP.
Then you can - in time - learn how to design and rearrange whatever you like
with CSS, without being hampered by unyielding source-code.

regards
        Georg
--
http://www.gunlaug.no
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org --
http://www.evolt.org/help_support_evolt/


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to