Help - Search - Members - Calendar
Full Version: The background Images tile. Need help
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
sanelucky
Access link http://www.riteaidonlinestore.com/templ ... brand=7876 in IE 7 ( thats what I am using)
and if you scroll down a bit you can see that the background images of some of the products tile a bit. That is some space is created between the two (text description about the product and the image which says shop now).

This works fine in FireFox. Please suggest any change in the html needed to fix this or any change that might be needed in the css file.
This is my CSS file
/* Top "back to" nav */
.raNav A:link {text-decoration: none; color: #ffffff; font-family: arial; font-size: 11px;}
.raNav A:visited {text-decoration: none; color: #ffffff; font-family: arial; font-size: 11px;}
.raNav A:active {text-decoration: none; color: #ffffff; font-family: arial; font-size: 11px;}
.raNav A:hover {text-decoration: underline; color: #ffffff; font-family: arial; font-size: 11px;}
.raNav_style {color: #ffffff; font-family: arial; font-size: 15px;}

/* Header */
#raTblHeaderRow, #raTblSearchRow, #raChkHeadBar, #raTblCOHeadRow { width: 765px; }
#raraTblHeaderRow #raColOne, #raTblHeaderRow #raTblCOHeadRow { width: 250px; }
#raTblHeaderRow #raColTwo, #raTblHeaderRow #raTblCOHeadRow { width: 514px; text-align: right; }
#raTblHeaderRow #raTblShopLinks { width: 100%; }
#raTblHeaderRow #raTblShopLinks td { text-align: right; }
#raTblShopLinks a:link {color:#003273; text-decoration:none;}
#raTblShopLinks a:visited { color: #003273; text-decoration:none; }
#raTblShopLinks a:hover {color:#003273; text-decoration:underline;}
#raTblShopLinks #bag img {vertical-align:middle; padding-bottom:3px;}

/* CSS FOR LEFT NAVIGATION BLOCK */
#RAlhsBox {padding-top:0px;}
#RAlhsBox ul { margin: 0 0 6px 0;padding:0;list-style-type:none;}
#RAlhsBox ul a:link, #RAlhsBox ul a:visited {color: #666666;text-decoration: none;padding-top:8px;font-size: .9em;}
#RAlhsBox ul a:hover {color: #d0202b;text-decoration:underline;font-size: .9em;}
#RAlhsH3 a:link, #RAlhsH3 a:visited {font-size: 12px;color: #000000;text-decoration: none;}
#RAlhsH3 a:hover {color: #d0202b;text-decoration:none;}

.thirdPartyCheckoutLegend {color:#003273;text-decoration:none;}


Thanks for you help....
pandy
I think your link got screwed up. Please post it again.

I don't see any background images in the CSS you posted, but can't you use no-repeat?
http://htmlhelp.com/reference/css/color-ba...und-repeat.html
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.