Hello friends,

I have used images for my main icons but the images are not coming full they are partially cut from the frame though the images are ok and i have used css to put the images?? here is the linkproblem images and this is the code i have used in css

/* -- home main linkicons -- */
.bg-clients{ background-image:url('../images/bg-box-clients.jpg'); background-repeat:no-repeat;}
.bg-graphic{background-image:url('../images/bg-box-graphicdesign.jpg');background-repeat:no-repeat;}
.bg-enquiry{background-image:url('../images/bg-box-contactus.jpg');background-repeat:no-repeat;}
.bg-profile{background-image:url('../images/bg-box-companyprofile.jpg');background-repeat:no-repeat;}
.bg-hosting{background-image:url('../images/bg-box-webhosting.jpg');background-repeat:no-repeat;}
.bg-tutorials{background-image:url('../images/bg-box-tutorials.jpg');background-repeat:no-repeat;}
.bg-portfolio{background-image:url('../images/bg-box-portfolio.jpg');background-repeat:no-repeat;}

I tested with just one background-image and although the image is 308px wide and the table is 308px wide with cellpadding="0" and cellspacing="0" the image obviously doesn't fit and I'm not sure why.

 

A temporary solution is to reposition the image by editing the style:-

.bg-hosting{background-image:url('../images/bg-box-webhosting.jpg');bac

kground-repeat:no-repeat; background-position: -34px -40px;}

 

The -34px is the left position and just enough to show the right side but a lot of white space at the top of the image (it's 200px high) meant that the bottom was also cut off so -40px for the top position raises it up.

 

The text covers the image so you may want to limit the width of the text p tag classes for <p class="blue-box-hd-sub"> and others.

I tested with just one background-image and although the image is 308px wide and the table is 308px wide with cellpadding="0" and cellspacing="0" the image obviously doesn't fit and I'm not sure why.

 

A temporary solution is to reposition the image by editing the style:-

.bg-hosting{background-image:url('../images/bg-box-webhosting.jpg');bac

kground-repeat:no-repeat; background-position: -34px -40px;}

 

The -34px is the left position and just enough to show the right side but a lot of white space at the top of the image (it's 200px high) meant that the bottom was also cut off so -40px for the top position raises it up.

 

The text covers the image so you may want to limit the width of the text p tag classes for <p class="blue-box-hd-sub"> and others.

thanks problem solved

.bg-graphic{background-image:url('../images/bg-box-graphicdesign.jpg');background-repeat:no-repeat;background-position:right;}

with this background position right