No replies
danbutcher994
Offline
newbie
Bridgwater, Somerset, England
Last seen: 9 years 37 weeks ago
Bridgwater, Somerset, England
Joined: 2012-03-20
Posts: 1
Points: 2

whenever I scale an image It moves down a bit and I don't want it to. I've checked forums, tutorials and .pdf ebooks for an answer to my scaling question but have found nothing. Sad

Here's the code I want to fix (sorry but the scale is right at the bottom):-

.quarter1 {
-moz-animation-name: cona;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter2 {
-moz-animation-name: conb;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.6s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter3 {
-moz-animation-name: cona;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter4 {
-moz-animation-name: conb;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.6s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter5 {
-moz-animation-name: cona;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter6 {
-moz-animation-name: conb;
-moz-animation-timing-function: ease-in-out;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.6s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter7 {
-moz-animation-name: cona;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.5s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter8 {
-moz-animation-name: conb;
-moz-animation-timing-function: linear;
-moz-animation-iteration-count: infinite;
-moz-animation-duration: 0.6s;
-moz-animation-delay: 1s;
-moz-animation-direction: alternate;
-moz-transform-style: preserve-3d;}

.quarter1 {
position: absolute;
top: 0px;
left: 0px;
border: 0px solid transparent;
}

.quarter2 {
position: absolute;
top: 0px;
left: 110px;
border: 0px solid transparent;
}

.quarter3 {
position: absolute;
top: 110px;
left: 110px;
border: 0px solid transparent;
}

.quarter4 {
position: absolute;
top: 110px;
left: 0px;
border: 0px solid transparent;
}

.quarter5 {
position: absolute;
top: 300px;
left: 0px;
border: 0px solid transparent;
}

.quarter6 {
position: absolute;
top: 300px;
left: 110px;
border: 0px solid transparent;
}

.quarter7 {
position: absolute;
top: 410px;
left: 110px;
border: 0px solid transparent;
}

.quarter8 {
position: absolute;
top: 410px;
left: 0px;
border: 0px solid transparent;
}

.zoom {
-moz-transition: all .9s ease-in-out; }
.zoom:hover {
-moz-transform: scale(1.1);

Just so you know, all of the html code in ".quarter(#)" divs are also in ".zoom". Just tought I'd add the .quarter code in case if it has any importance.

Thank for reading Smile