[css-d] Fixing an image to the right corner of a div
Hi folks, I'm rather new to css as well as this list, so please pardon my question if it seems simplistic or if this question has been answered before. I've started a website located here: http://www.digitaltorque.ca/anotherplacetogrow. I'm trying to position an object on the top right hand corner of the green box (what I called in my css script wrapper) surrounding the contents of the webpage. It's the image that says now accepting applications In my css script, the code for positioning this image is called spots. The image is in the right location only if you have a certain window size. I would like to position it in the top right hand corner regardless of the window size of the browser. Is there a way to do this easily in css? So far, I've only been successful at positioning images at the left hand corners. It's not quite clear to me how to position in the right hand corner of the box (and have it work for all screen sizes). Any help would be much appreciated! Maria __ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fixing an image to the right corner of a div
I get a 404 error when I go here.
Sorry, the URL is http://home.digitaltorque.ca/anotherplacetogrow.
#wrapper {
position: relative; /* so that when we absolute position the image, it is
relative to wrapper.
}
#spots {
position: absolute;
top: 0;
right: 0; /* we want the box attached to the right, so position it from the
right instead of the left */
}
Thanks Tim! This is actually really close to what I want, but I was
hoping to find a way to have an image partially hang off the top and
right side of the wrapper, rather than be positioned strictly inside
the wrapper. Almost like the image is sitting on top of the wrapper.
I'm not sure if my description is clear.
Maria
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Fixing an image to the right corner of a div
Easy as pie.
Still using top and right, but with negative numbers, like:
#spot {
position: absolute;
top: -10px;
right: -50px;
}
Positive numbers put you inside the wrapper. Negatives put you outside the
wrapper, and zero is at the edge of the wrapper.
Thank you! That works perfectly!!
Maria
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
