having issue positiong a divrollover in another div.

[travis1919]

alright i have tried pretty much everything and looked everywhere and i cant seem to find out what my problem is. you guys are my last chance. ha

anyways whenever i enter my divrollover into my div no matter what positioning i have on the margins it will always get thrown to the far left of the div. now say once its on there and i wanna try and move it, it still wont move!

then just to experiment when i put a second divrollover in the div it gets thrown under the 1st div and i cant move that one either.

here is what i have. and thank you in advance for any help you all may be.

.div3 {
background-image:url(kji.gif);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;

background-color:silver; color:Black;
border:2px solid; border-color:silver;
width:800px; height:100px; overflow:hidden;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-400px; margin-top:150px; text-align:center;
visibility:visible;}

.divrollover1 {width:72px; height:100px; overflow:none;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-138px; margin-top:344px;
visibility:visible;}

.rollover1 {height: 100px; width: 72px; overflow: hidden; background: url(mattsliceddone.jpg) top left no-repeat; display: block;}
.rollover1:hover {background-position: bottom left;}

then after that i was told then to enter this code where i wanted it in the site.

<div class="div3">

<a href="http://www.example.com" class="rollover1"></a>

</div>

[edited by: SuzyUK at 8:33 am (utc) on Mar. 30, 2007]
[edit reason] examplified URI's per TOS#13 [/edit]

[travis1919]

thank you for editing that. i didnt notice you couldnt use urls. i apologize.

anyways any ideas? im so stressed out trying to figure out why its not letting me move the image where i want it. ahhh!

please? if you want the entire code for my page just ask for it and i will be happy to oblige.

thank you again.

[SuzyUK]

Welcome to WebmasterWorld, travis1919, sorry missed that this was not answered..

initially I think if you float the

.rollover1

links (and any subsequent ones) that will get them side by side which I think you want

in your code you have

.divrollover1

which is not doing anything

if you remove

overflow: hidden

from .div3, temporarily, you will see where the subsequent links are going without the float on them.

Suzy