...

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



newsocks
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.

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

newsocks
01-26-2005, 03:17 AM
http://www.apocalypsewowsite.com

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

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

http://apocalypsewowsite.com/_styles.css

Turtle
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">

to


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

newsocks
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.

newsocks
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??

knowwhatimean?

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

Change:

<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>

to


<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>.

gohankid77
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>
</div>


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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum