How do I use absolute positioning to place a style id selector at the screen coordinates (0,0)?

Question

Within a style sheet please, and in HTML/DHTML/CSS & new standards.
How would that line of html code look?

Ok here's my prob I think:
THIS LINE within my CSS file:

#links { position: absolute; width: 100px; margin-top:0px; font-size: 8pt}

OR it could just be my whole code, but the menu I'm trying to do comes out all jumbled up.
HELP

Here's full .css code:

/*
screen.css
*/

body {margin: 0px}

h1, h2, h3, h4, h5, h6 {font-family: sans-serif; color: purple}

#main {position: absolute; left: 120px}

#head {position: absolute; left: 120px; border-bottom: 1px solid purple}

#links { position: absolute; width: 100px; margin-top:0px; font-size: 8pt}

#links a:link {color: white; font-family: sans-serif; background-color: purple; text-decoration: none; padding: 2px; margin: 0px; border: 5px solid purple}

#links a:hover {color: yellow; font-family: sans-serif; background-color: purple; text-decoration: none; padding: 2px; margin: 0px; border: 5px solid purple}

address {position: absolute; left: 120px; font-size: 8pt; color: purple; halign: center; border-top: 1px solid purple; clear: both}

Something else is wrong see the following link(s) (can't post all the code or upload a file in here bummer, so here's links to my code)

http://www.triangleeventpros.com/T7/screen.css

http://www.triangleeventpros.com/T7/gallery.htm

See it's all messed up dude!
I don't get it...

Ok I'll take a look at this code (the links you gave me), I still need to finesh the review so maybe the book will ask me to put in divs later, I just didn't want to move on to the next step if it wasn't right, b/c then I'll have to read through more code to see where my mistake was LOL. I'll let you know what works, if it does or not... thanks! (Just woke back up).

Answer 1

Ok, i've modified both files, here is the links:

CSS FILE: http://pastebin.com/716324
HTML FILE: http://pastebin.com/716328

Use these, they are a little better than what you had. You will still need to play with it to get the exact results you want. The idea here is not to use absolute positioning. Rather, using "floated" divs gets the result you want. Absolte should only be used when you are a putting something on a layer of it's own (on top of everything) and out of the flow of the other HTML markup. In other words, absolute positioning should be used very sparingly. Hope this helps.