[WSG] Indented text

[Ryan Sabir]

OK here's the thing...

I want to put an image on the left of some text, and have the text not
wrap back under the image after it goes past it. Here is an example,
if you imagine my image being where the XX's are.

xxx  My text is here
xxx  and the sentence continues
xxx  longer and longer
 and stays at the same indent
 no matter how long it gets


I've done this quite simply in Internet Explorer by putting the text
in a 'display:inline-block;' span, but this display type is not
supported on FireFox. Is there a cross platform way of achieving this
without resorting to the dreaded table?

thanks!

---
Ryan Sabir
Newgency Pty Ltd
2a Broughton St
Paddington 2021
Sydney, Australia
Ph (02) 9331 2133
Fax (02) 9331 5199
Mobile: 0411 512 454
http://www.newgency.com/index.cfm?referer=rysig 

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

Re: [WSG] Indented text

[Bert Doorn]

Hi Ryan
I want to put an image on the left of some text, and have the text not
wrap back under the image after it goes past it. Here is an example,
if you imagine my image being where the XX's are.
You could try something like this:
div class=whatever
  img src=whatever alt=whatever /
  pblah blah blah blah/p
/div
css:
div.whatever img {
  display:block;
  float:left;
  width: 200px;
}
div.whatever p {
  margin-left: 220px; /* image width + a little extra */
}
Regards
--
Bert Doorn, Better Web Design
http://www.betterwebdesign.com.au/
Fast-loading, user-friendly websites
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**