Question

I’m trying to place a button. I have its position set to absolute, so I can’t figure out how to place it properly.

Its the button that says “Is this your product?”

See an example here: (removed)

I want it to be placed right on top of the widget in the right sidebar with 5px spacing all around. How do I do that?

I originally took the button from here: http://cssdeck.com/t/uHhhprW6

Appreciate the help.

Answer 1

The quickest way I could get it to work was remove the top, left, float, and margin-left declarations from your .email rule, and change its position to relative.

.email {
position: relative; /* not absolute */
width: 220px;
height: 30px;
font: .75em "lucida grande", arial, sans-serif;
margin: 0 0 5px 0;
}

I would imagine there are much cleaner/simpler ways to make this particular button – there seems to be a lot of absolute positioning going on with the containing element and its children. But the changes I have suggested seem to work as a quick fix.