View Full Version : how do i put a button on top of my css

01-26-2005, 12:18 AM
i am sure this is a lot easier then i can explain but here goes...

someone here helped me out and made a stylesheet for me. i need to add a link or two and one of them is with a button.

how do i postion the button? when i try to do a div top and left postition is keeps it in the left corner

i dont know css well so i am unsure if i place it in the style_css or what.

again i think i am not making much sense but i will show hte codes and such if someone is willing to help.

01-26-2005, 12:27 AM
Yeah, post up the code so we can see

01-26-2005, 03:17 AM

i have a text link that is pushed underneath the rest of the links - that was just a test link i have yet to delete

see the button in the left? i wanted to put that on top of the the bottom image in of the the gaps of yellow

01-26-2005, 03:26 AM
this is the sheet


01-26-2005, 05:53 AM
You forgot to put px after 700 and 600 ;) .

In your code change

<div style="position:absolute; top:700; left:600">


<div style="position:absolute; top:700px; left:600px">

01-26-2005, 07:35 AM
well i feel like a retard. its always the little things that i dont see and that mean the much.

thank you.

01-26-2005, 07:42 AM
ok but wait....

now its doing the same thing my whole site did before i was using a style sheet.
when the browser is resized it doesnt move with the rest of the layout.

how would i add it into my style sheet so that it centers with the rest of the layout??


01-29-2005, 07:37 AM
It does that because you have an absolute position set. Try this:


<div style="position:absolute; top:620px; left:690px">
<center><a href="thecat.html" taget="main"><img src="images/catlink.gif" border="0"></a></center>



<div align="right"><a href="thecat.html" taget="main"><img src="images/catlink.gif" border="0"></a></div>

And move it before your closing body tag </body>.

01-29-2005, 06:55 PM
Or, if you want a CSS solution...

<div style="float: right; text-align: center;">
<a href="thecat.html" target="main"><img src="images/catlink.gif" border="0"></a>

I haven't tested it, but it should work.