By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,288 Members | 1,695 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,288 IT Pros & Developers. It's quick & easy.

images and text

P: n/a
I'm rewriting some of my CMS code.

It's very common to have a block of text with an image.

This can be done this way:

<p><img...>enough text to flow past the image...
</p>

or this way:

<div>
<img ...>
<p>enough text to flow past the image...</p>
</div>

Now, if we set widths and float the image either left or right, they
will appear identical. I suppose you could also set image align
properties, although I seldom use most of the alignments for this.

Method two allows for a no text wrap, perhaps that's useful.

Any thoughts on handling images?

Jeff
Mar 31 '08 #1
Share this Question
Share on Google+
2 Replies


P: n/a
On Mar 31, 8:06*am, Jeff <jeff@spam_me_not.comwrote:
I'm rewriting some of my CMS code.

It's very common to have a block of text with an image.

* *This can be done this way:

<p><img...>enough text to flow *past the image...
</p>

* or this way:

<div>
<img ...>
<p>enough text to flow *past the image...</p>
</div>

* *Now, if we set widths and float the image either left or right, they
will appear identical. I suppose you could also set image align
properties, although I seldom use most of the alignments for this.

* *Method two allows for a no text wrap, perhaps that's useful.

* *Any thoughts on handling images?
ISTM that it depends on the logical relationship between the text and
the image. Is the text a caption? Or is the image just tangentially
related to the text? Could the image be logically considered part of
the paragraph?

Nick

--
Nick Theodorakis
ni**************@hotmail.com
contact form:
http://theodorakis.net/contact.html
Mar 31 '08 #2

P: n/a
In article <13*************@corp.supernews.com>,
Jeff <jeff@spam_me_not.comwrote:
I'm rewriting some of my CMS code.

It's very common to have a block of text with an image.

This can be done this way:

<p><img...>enough text to flow past the image...
</p>

or this way:

<div>
<img ...>
<p>enough text to flow past the image...</p>
</div>

Now, if we set widths and float the image either left or right, they
will appear identical. I suppose you could also set image align
properties, although I seldom use most of the alignments for this.

Method two allows for a no text wrap, perhaps that's useful.

Any thoughts on handling images?

Jeff
It depend on the context. If you are simply essaying and are wanting to
include illustrations that are referred to or not in the text,
straightforward is best as in the first of your examples. Here is
something from way back:

<http://netweaver.com.au/alt/floatleftFloatright.html>

or

<http://tinyurl.com/yvgn8g>

You have good control over the image via the padding, you can alter the
top padding if you want but simple all round of about .5em looks fine
mostly.

--
dorayme
Mar 31 '08 #3

This discussion thread is closed

Replies have been disabled for this discussion.