On Sat, 25 Aug 2007, David Merchant wrote:
> I am trying to place the file cabinet image in the bottom right hand
> corner of a div. I've searched wiki, the web and poked around the
> archives and what solutions I've seen I can't get to work.
It might be easier to analyze the situation if you posted the URL(s) of
your best attempt(s), or some attempts.
There are two simple strategies that might be applied:
1) Background image. You would use something like
background: url(cabinet.gif) no-repeat right bottom;
for the div element. You would need to take care of avoiding any of the
div content covering the image.
2) Positioned image. You could set
position: relative;
for the div element (just to make it possible to position the image
relative to the div), and you would include an img element, like
<img src="cabinet.gif" alt="">
inside the div element (somewhere - choose the placement according to how
it should be rendered in non-CSS situations), and then position it, e.g.
(assuming you have <div id="foo">...</div> markup)
#foo img { position: absolute; right: 0; bottom; }
Here, too, care is needed to avoid overlap of the image and the
rest of the content.
--
Jukka "Yucca" Korpela, http://www.cs.tut.fi/~jkorpela/
______________________________________________________________________
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/
