Casey Dougall wrote
> I've been looking all around and maybe it's the 1/2 cup of
> java that's slowing me down but I can't seem to find any CSS
> resources that show a person placing an image on the bottom
> right of a div . Text would wrap above and to the left of the image.
Then Sandra Clark wrote:
> Try floating the image on the top right of a div beneath this
> particular div instead.
Unfortunately that's not going to solve Casey's problem in this case,
since doing that will still only result in the image (aligned right) but
directly below all the text in the above div, which, unless I'm mistaken
is not the desired effect.
Please excuse the following ASCII art. I assure you I'm better with a
pencil or a paint brush!
Desired effect:
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxx +-----------------+
xxxxxxxx | |
xxxxxxxx | |
xxxxxxxx | |
Xxxxxxxx +-----------------+
Image floated below in same OR separate div:
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxx
+------------+
| |
| |
+------------+
CSS doesn't really offer a solution for this I'm afraid. But that
doesn't help much, does it? However, it *can* be done, but it's messy,
far from ideal, and whether or not it should be is another question
entirely:
http://mrclay.org/web_design/bottom_float.php
Just an FYI, but generally when this kind of positioning is required
(bottom left or bottom right with respect to its ancestor, or a variant
of), it is better to relatively position a container, and then
absolutely position the child.
An example:
The CSS
#container {position: relative; width: 400px; height: 125px;}
#copyright {position: absolute; right: 10px; bottom: 10px;}
The HTML
<div id="container">
<div id="copyright">
© Casey Dougall 2006
<div>
<div>
Caveat: this is best used for laying out certain elements on a page like
part of a footer (not to be confused with the layout itself, since
absolute positioning should be avoided in almost all layout instances).
And again, this wont work in your situation since you require text to
interact (wrap) with the image in question.
Maybe I got a little carried away up there. Who knows. Denny, what do
you think?? J/k!!
HTH
Mark
--
This message has been scanned for viruses and dangerous
content by ISPNZ's automated virus detection system,
and is believed to be clean.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
Introducing the Fusion Authority Quarterly Update. 80 pages of hard-hitting,
up-to-date ColdFusion information by your peers, delivered to your door four
times a year.
http://www.fusionauthority.com/quarterly
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:258649
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe:
http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
