> I've started a website located here:
> http://www.digitaltorque.ca/anotherplacetogrow.
I get a 404 error when I go here.
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!
What you want to do is pretty easy to accomplish.
I'm guessing that you have something like this:
<div id="wrapper">
<img id="spots" />
</div>
With css like this:
#spots {
width: 100px;
position: absolute;
top: 0;
left: 400px;
}
So we just need a couple changes.
#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 */
}
---Tim
______________________________________________________________________
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/
