LOCKED - {help with a pet profile}
Replies
[small] I've been working on Valeria's profile and I nearly have the coding finished, but I can't seem to figure out how to fix these things;
The minion and spotlight tabs show up above the description, I need some way to keep it hidden until I hover over it and it pulls out. The description won't stay fixed - when I zoom in or out it, it moves place. Here's the code I have for the desc section:
{position:absolute; right:535px; top:360px; width:500px; height:120px;}
{opacity: 0.5; filter:alpha(opacity=50);}
:hover {opacity:0.8; filter:alpha(opacity=80);}
{-webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
{overflow:hidden; width: 500px; height: 100px; position: absolute;}
:hover {overflow-y:auto;}
Any help is appreciated! ;w; [/small]
your best bet for the minion and spotlight is to change them from moving/sliding tabs to expanding tabs. that is, instead of the tabs staying the same size but just sliding down, make them stationary but have them expand upon hover. the code for that is this:
{position:absolute; top:0px; left:0px; width:110px; height:110px; font-size:11px; background:; padding-top:20px; transition: max-height .2s ease-in-out; -webkit-transition: max-height .2s ease-in-out; max-height:0px; border-radius: 0px 0px 10px 10px; overflow:hidden;}
:hover {max-height:110px;}
obviously you'll have to play around with the position to get them in the right spot.
as for the description, it looks like you've defined its position using top and right values, which means that when you scale the browser window or zoom in and out, it will move. change 'right' to 'left' and adjust the value until it's in the right spot. that should fix the issue.
