Ok, its a while since I did this, but it went something like this:-
Turn off the dotted lines
#specialsDefault .vDotLine{display: none;}
#specialsDefault .hDotLine{display: none;}
Apply background image to the specialsContainer
.specialsContainer{background-image: url(../images/specials_bg.gif);background-repeat: no-repeat; height: 278px; width:206px;}
The rest is mainly styling and padding as required
td{vertical-align : top;}
table#specialsDefault{margin: 0;padding: 0;}
#specialsDefault.centerBoxWrapper{vertical-align : top;padding:0;margin-bottom: 5px;}
.specialsContainerHeader h2{font-size:14px;color: #000099;text-align :center;margin:0;padding: 5px;}
.specialsContainerContent{padding:10px 5px 5px 5px;height: 120px;}
.specialsContainerPrices{padding: 5px;}
There are some minor display differences between IE and Firefox, but I think most are acceptable ['though the engineer in me would like both to display the same].
There were some mods to the specials_index.php file but these were to do with the changing title text [which still does not work as intended].
Hope this helps.



Reply With Quote
