Thread: Image Alignment
View Single Post
  #1  
Old 11-16-2012, 10:34 AM
rbennett rbennett is offline
Registered User
Pro Plus Member
 
Join Date: Aug 2011
Posts: 102
Default Image Alignment

I have been trying to align two images on top of each other for the Save and Print Recipe Buttons.

It aligns differently on different screen sizes.



http://www.afarmgirlsdabbles.com/201...m-bars-recipe/

Is there any way to get it to align on all screen sizes.

Here is my CSS code
#zlrecipe-container .zlrecipe-print-link a.butn-link {
background: url(images/print-aqua.png) no-repeat scroll transparent;
cursor: pointer;
padding: 0 0 0 20px;
margin-top: 40px;
height: 28px;
width: 105px;
text-indent: -9999px;
float: right;
}

.zl-recipe-link a.butn-link {
background-image: url(images/save-aqua.png) !important;
background-repeat:no-repeat;
position: absolute;
height: 28px !important;
width: 105px !important;
float: right;
}

Thanks