Some help with hover CSS?

Meadows's picture
I'm having some trouble with the hover codes over on my space beluga's bio, I currently haven't added any relationship pictos which would have information on hover, but I was testing it out and noticed that the hover boxes will only appear in the confines of div of the relationship box, meaning that part of the description would be cut off. I tried messing with the z-index but it didn't seem to have any effect.

I also tried changing the position from relative to absolute, which worked... but it shifted the things with hover code over slightly to the right for some reason, like so:


Hover....


Any thoughts on how to make it work?


Aivilo's picture

Dunno. It sounds like you've

Dunno. It sounds like you've already had more luck with the issue than I have.
You could try messing with the 'right:0em;' value, but I think that just moves the box that pops up. Other than that, all I can think of would be to put some position values in the hover/link bit... But I don't know for sure that it'd work.
In example, <a class="info" style="position:relative;left:10px;">
Meadows's picture

Mm, thank you for responding

Mm, thank you for responding anyway; you did just give me an idea. Not sure if it will work though.