I needed a rollover/hover fade button to link out of the page. I want one image to span the row and shrink and grow but maintain it’s proportions.I can do this with an image, I would assume a div would be no different.
I have tried a variety of manipulations.
It was my understanding that by declaring width, the height of the div would automatically adjust to the content. If I do that, the div is a pixel high at best.
How can I get a div to adjust in width and height, like an image.
Thanks,
Marc
My CODE
/*——————————-*/
#cf {
width:1920px;
height:465px;
}
#cf img {
position:absolute;
left:0;
-webkit-transition: opacity .500s ease-in-out;
-moz-transition: opacity .500s ease-in-out;
-o-transition: opacity .500s ease-in-out;
transition: opacity .500s ease-in-out;
}
#cf img.top:hover {
opacity:0;
}
#clickableArea {
cursor: pointer;
display:block;
}
.servicesHeight{
max-height:465px;
}
/*——————————-*/
.