VP-ASP :: Shopping Cart Software

Shopping Cart Software Solutions for anywhere in the World

US/Canada(Toll Free): +1 888 587 2278
Europe/UK: +44 (020) 7193 9408
Australia/New Zealand: +61 3 9016 4497

VP-ASP Shopping Cart Customer Forum

Home | Profile | Register | Active Topics | Members | Search | FAQ
Username:
Password:
Save Password
Forgot your Password?

 All Forums
 VPCart Forum
 Customization
 Store CSS not working with custom template!!!!!
 New Topic  Reply to Topic
 Printer Friendly
Author Previous Topic Topic Next Topic  

Michael Morraine
Starting Member

2 Posts

Posted - December 20 2006 :  01:13:19  Show Profile  Reply with Quote
Hello. iim currently going out of my mind tring to debug a problem that i have with my store. i designed a totaly custom template with a space in the middle for the store database stuff like products login etc... Now when i use these new header and footer file the store css does not work on the store stuff???????? before you ask all the <head> file in the normal Shoppage_header.htm file is included in my new template and is pointing to the files. But the store stuff in the middle wont work with the CSS. Does anyone now about this phenomenon?
this is my header
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="Content-Language" content="en-gb">
<title><%shopdynamictitle "title"%></title>
<meta http-equiv="Content-Type" content="text/html; charset=<%=getlang("langcharset")%>">
<meta name="description" content="<%shopdynamictitle "description"%>">
<meta name="keywords" content="<%shopdynamictitle "keywords"%>">
<%inserturchinstats%>
<script language="javascript" src="vs350.js"></script>
<script src="javascript/swfobject.js" type="text/javascript"></script>
<script src="javascript/ajaxcontent.js" type="text/javascript"></script>
<script type="text/javascript" src="javascript/css_browser_selector.js"></script>
<link href="stylesheets/shop.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="footer2.css"/>
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="ie_hacks.css" />
<![endif]-->
<style>
.ie .base {width: 80px; height:69px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/base5art_02_08t.png',sizingMethod='scale');}
.gecko .base{width: 80px; height:69px; BACKGROUND: url(images/base5art_02_08t.png) no-repeat;}
.opera .base{width: 80px; height:69px; BACKGROUND: url(images/base5art_02_08t.png) no-repeat;}
.safari .base{width: 80px; height:69px; BACKGROUND: url(images/base5art_02_08t.png) no-repeat;}
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="100%" height="262" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="3" rowspan="8"><img src="images/header_01.gif" width="138" height="87" alt=""></td>
<td colspan="3"><img src="images/header_02.gif" width="106" height="24" alt=""></td>
<td><img src="images/header_03.gif" width="8" height="24" alt=""></td>
<td colspan="15" background="images/header_03.gif"> </td>
<td><img src="images/spacer.gif" width="1" height="24" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="5"><img src="images/header_05.gif" width="106" height="42" alt=""></td>
<td rowspan="5"><img src="images/header_06.gif" width="8" height="42" alt=""></td>
<td colspan="6" rowspan="5" background="images/header_06.gif"> </td>
<td colspan="9"><img src="images/header_08.gif" width="260" height="5" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="5" alt=""></td>
</tr>
<tr>
<td colspan="7"><img src="images/header_09.gif" width="175" height="13" alt=""></td>
<td colspan="2"><a href="#" onclick = "window.external.AddFavorite(location.href, document.title);"><img src="images/header_10.gif" width="85" height="13" border="0" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="9"><img src="images/header_11.gif" width="260" height="7" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td colspan="7"><img src="images/header_12.gif" width="175" height="13" alt=""></td>
<td colspan="2"><a href="shopcustadmin.asp<%addSession%>"><img src="images/header_13.gif" border="0" width="85" height="13" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2"><img src="images/header_14.gif" width="260" height="10" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="4" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/header_15.gif" width="7" height="21" alt=""></td>
<td colspan="9" rowspan="2" background="images/header_15.gif"> </td>
<td><img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="5"><img src="images/header_17.gif" width="56" height="15" alt=""></td>
<td><a href="shopcurrency.asp"><img src="images/header_18.gif" width="114" border="0" height="15" alt=""></td>
<td><img src="images/header_19.gif" width="5" height="15" alt=""></td>
<td colspan="2"><a href="<%getconfig("xmysite")%>shopaddtocart.asp<%addSession%>"><img src="images/header_20.gif" border="0" width="85" height="15" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="15" alt=""></td>
</tr>
<tr>
<td colspan="12"><img src="images/header_21.gif" width="508" height="7" alt=""></td>
<td rowspan="9" background="images/header_22.gif" width="100%"><img src="images/header_22.gif" width="4" height="174" alt=""></td>
<td colspan="9" rowspan="2"><img src="images/header_23.gif" width="260" height="8" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img src="images/header_24.gif" width="22" height="121" alt=""></td>
<td colspan="10" rowspan="3"><div id="flashcontent"><div id="flashcontentA">
<%
Const NUMBER_OF_IMAGES = 6
Randomize
Dim intImageNumber
intImageNumber = Int((NUMBER_OF_IMAGES * Rnd) + 1)
%>
<img src= "images/header<%=intImageNumber%>.jpg" width="464" height ="121" alt="Intense Cosmetics™">
</td>
</div>
<script type="text/javascript">
   var so = new SWFObject("mainXXb.swf", "movie", "464", "121", "6.0.65", "#000000");
   so.addParam("quality", "High");
   so.addVariable("jump", getQueryParamValue("jump"));
   so.addVariable("jump2", getQueryParamValue("jump2")); 
   so.addVariable("x", getQueryParamValue("x"));
   so.write("flashcontent");
</script>		
</div>
<script type="text/javascript">
   var so = new SWFObject("mainXX.swf", "movie", "464", "121", "8", "#000000");
   so.addParam("quality", "High");
   so.addVariable("jump", getQueryParamValue("jump"));
   so.addVariable("jump2", getQueryParamValue("jump2")); 
   so.addVariable("x", getQueryParamValue("x"));
   so.write("flashcontent");
</script>		
</td>
<td rowspan="3"><img src="images/header_26.gif" width="22" height="121" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td colspan="4"><img src="images/header_27.gif" width="47" height="91" alt=""></td>
<td colspan="4"><img src="images/header_28.jpg" width="178" height="91" alt=""></td>
<td><img src="images/header_29.gif" width="35" height="91" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="91" alt=""></td>
</tr>
<tr><td colspan="9" rowspan="3"><img src="images/header_30.gif" width="260" height="43" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="12"><img src="images/header_31.gif" width="508" height="8" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td colspan="12" rowspan="3"><div id="navagation"><a href=""><img border="0" src="images/menu.gif" width="508" height="26" usemap="#menu.gif"></td><map name="menu.gif">
<area shape="rect" coords="1,0,57,22" href="home.asp" target="_self" alt="Home" />
<area shape="rect" coords="61,0,158,22" href="system.asp" target="_self" alt="The System" />
<area shape="rect" coords="163,0,291,22" href="faq.asp" target="_self" alt="Please turn on JavaScript to use with our Virtual Assistant" />
<area shape="rect" coords="295,0,353,22" href="shopdisplayproducts.asp?id=1&cat=DentalCosmetics" target="_self" alt="Order Online" />
<area shape="rect" coords="357,1,429,22" href="affiliate.asp" target="_self" alt="Affiliate Centre" />
<area shape="rect" coords="435,0,506,22" href="shopcustcontact.asp" target="_self" alt="Contact Us" />
</map>
</div>			
<script type="text/javascript">
   var so = new SWFObject("navagation.swf", "navagation", "508", "26", "6", "#000000");
   so.addParam("quality", "High");
   so.addVariable("jump", getQueryParamValue("jump"));
   so.addVariable("jump2", getQueryParamValue("jump2")); 
   so.addVariable("x", getQueryParamValue("x"));
   so.write("navagation");
</script>	
<td><img src="images/spacer.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td><img src="images/header_38.gif" width="15" height="17" alt=""></td>
<td><img src="images/header_39.gif" width="23" height="17" alt=""></td>
<td><img src="images/header_40.gif" width="7" height="17" alt=""></td>
<td class="cartminilinks" colspan="6" background="images/frontpageXfireworks1.1_44.gif"><p align="center"><b><font face="Verdana" size="1"><%NavigateShowMiniCartRight "short"%></font></b></p></td>
<td><img src="images/spacer.gif" width="1" height="17" alt=""></td>
</tr>
<tr>
<td colspan="9" rowspan="2"><img src="images/header_42.gif" width="260" height="15" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""></td>
</tr>
<tr>
<td colspan="12"><img src="images/frontpageXfireworks1_08-44.gif" width="508" height="12" alt=""></a></td>
<td><img src="images/spacer.gif" width="1" height="12" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="39" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="77" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="16" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="83" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="8" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="41" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="77" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="54" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="22" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="4" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="15" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="23" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="7" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="114" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="5" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="50" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- ImageReady Slices (base5art_01.psd) -->
<table id="Table_01" width="100%" height="25" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="images/base5art_01bar_01.gif" width="100%"><img src="images/base5art_01bar_01.gif" width="4" height="25" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- ImageReady Slices (base5art_02.psd) -->
<table id="Table_01" width="100%" height="101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/base5art_02_01.gif" width="22" height="32" alt=""></td>
<td colspan="2" background="images/base5art_02_02.gif" width="100%"><img src="images/base5art_02_02.gif" width="11" height="32" alt=""></td>
<td><img src="images/base5art_02_05.gif" width="330" height="32" alt=""></td>
</tr>
<tr>
<td rowspan="3"><img src="images/base5art_02_06.gif" width="22" height="69" alt=""></td>
<td rowspan="3" background="images/base5art_02_07.gif" width="100%" align="right"><div align="right"><div class="base"></div></td>
<td><img src="images/base5art_02_09.gif" width="329" height="24" alt=""></td>
<td><img src="images/base5art_02_10.gif" width="330" height="24" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/base5art_02_11.gif" width="329" height="45" alt=""></td>
<td><img src="images/base5art_02_12.gif" width="330" height="23" alt=""></td>
</tr>
<tr>
<td><img src="images/base5art_02_13.gif" width="330" height="22" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- Middle Section -->
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0">
<tr>
<td width="22" valign="top" background="images/base6left_02.gif">
<!-- ImageReady Slices (base6.psd) -->
<table id="Table_01" width="22" height="504" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/base6left_01.gif" width="22" height="502" alt=""></td>
</tr>
<tr>
<td><img src="images/base6left_02.gif" width="22" height="2" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
<td valign="top">
<!-- Start inner middle section -->
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="table1">
<tr>
<td height="52">
<!-- ImageReady Slices (base6center.psd) -->
<table id="Table_01" width="100%" height="52" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/base6centertop_01.gif" width="16" height="52" alt=""></td>
<td background="images/base6centertop_02.gif" width="5%"> </td>
<td><img src="images/base6centertop_03.gif" width="19" height="52" alt=""></td>
<td background="images/base66art_03.4.gif" width="90%" valign="top"><img src="images/basecenterstop.gif" width="422" height="9" alt=""></td>
<td><img src="images/base6centertop_06.gif" width="19" height="52" alt=""></td>
<td background="images/base6centertop_07.gif" width="5%"> </td>
<td><img src="images/base6centertop_08.gif" width="15" height="52" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
<tr>
<td width="100%" height="100%">
<!-- ImageReady Slices (base6center.psd) -->
<table border="0" width="100%" id="table1" cellspacing="0" cellpadding="0" height="100%">
<tr>
<td background="images/base6centermiddle_10.gif" height="100%" valign="top" rowspan="2"><img src="images/base6centermiddle_01.gif" width="16" height="417" alt=""></td>
<td background="images/base66art_03.1.gif" width="5%" height="100%" valign="top" rowspan="2">
<table border="0" width="100%" background="images/base66art_03.2.gif" height="417" id="table2" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
</tr>
</table><img border="0" src="images/base6centermiddle_12.gif" width="6" height="10"></td>
<td background="images/base66art_03.5.gif" height="100%" valign="top" rowspan="2"><img src="images/base66art_03.5.gif" width="19" height="6" alt=""></td>
<td width="90%" height="2" valign="top"><img src="images/basecenterstop.gif" width="422" height="4" alt=""></td>	
<td background="images/base6centermiddle_05.gif" height="100%" valign="top" rowspan="2"><img src="images/base6centermiddle_05.gif" width="19" height="6" alt=""></td>
<td background="images/base6centermiddle_12.gif" width="5%" height="100%" valign="top" rowspan="2">
<table border="0" width="100%" cellspacing="0" cellpadding="0" background="images/base66art_03.3.gif" height="417" id="table3">
<tr>
<td> </td>
</tr>
</table>
</td>
<td background="images/base6centermiddle_13.gif" height="100%" valign="top" rowspan="2"><img src="images/base6center_08.gif" width="15" height="417" alt=""></td>
</tr>
<tr>
<td width="90%" height="100%" valign="top">
<!-- END SHOPPAGE_HEADER.HTM -->	
<!-- START VPASP CONTENT -->


And this is my footer

<!-- End VPASP -->
<!-- START SHOPPAGE_TRAILER.HTM -->		
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
<tr>
<td height="29">
<!-- ImageReady Slices (base6center.psd) -->
<table id="Table_01" width="100%" height="29" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/base6centerbottom_01.gif" width="16" height="29" alt=""></td>
<td background="images/base6centerbottom_02.gif" width="5%"> </td>
<td><img src="images/base6centerbottom_03.gif" width="19" height="29" alt=""></td>
<td background="images/base6_25center.gif" width="90%" valign="top"><img src="images/basecenterstop.gif" width="422" height="1" alt=""></td>
<td><img src="images/base6centerbottom_06.gif" width="19" height="29" alt=""></td>
<td background="images/base6centerbottom_07.gif" width="5%"> </td>
<td><img src="images/base6centerbottom_08.gif" width="15" height="29" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
<!-- End inner middle section-->
</td>
<td width="247" background="images/base6right_09.gif" valign="top">
<!-- ImageReady Slices (base6right.psd) -->
<table id="Table_01" width="248" height="504" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2"><img src="images/base6right_01.gif" width="248" height="6" alt=""></td>
</tr>
<tr><!-- Insert flash top below-->
<td colspan="2"><img src="images/base6right_02.gif" width="248" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/base6right_03.gif" width="248" height="1" alt=""></td>
</tr>
<tr><!-- Insert flash body below-->
<td><img src="images/base6right_04.gif" width="12" height="447" alt=""></td>
<td rowspan="2"><img src="images/base6right_05.gif" width="236" height="448" alt=""></td>
</tr>
<tr>
<td><img src="images/base6right_06.gif" width="12" height="1" alt=""></td>
</tr>
<tr><!-- Insert flash bottom below-->
<td colspan="2"><img src="images/base6right_07.gif" width="248" height="23" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/base6right_08.gif" width="248" height="1" alt=""></td>
</tr>
<tr>
<td colspan="2"><img src="images/base6right_09.gif" width="248" height="2" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</td>
</tr>
</table>
<!-- ImageReady Slices (base6bottom.psd) -->
<table id="Table_01" width="100%" height="8" border="0" cellpadding="0" cellspacing="0">
<td><img src="images/base6bottom_01.gif" width="22" height="8" alt=""></td>
<td><img src="images/base6bottom_02.gif" width="16" height="8" alt=""></td>
<td><img src="images/base6bottom_03.gif" width="6" height="8" alt=""></td>
<td background="images/base6bottom_05.gif" width="100%"><img src="images/base6bottom_04.gif" width="460" height="8" alt=""></td>
<td><img src="images/base6bottom_05.gif" width="6" height="8" alt=""></td>
<td><img src="images/base6bottom_06.gif" width="15" height="8" alt=""></td>
<td><img src="images/base6bottom_07.gif" width="247" height="8" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- End Middle section -->
<!-- ImageReady Slices (base5art_04.psd) -->
<table id="Table_01" width="100%" height="187" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="16"><img src="images/base5art_04_01.gif" width="744" height="16" alt=""></td>
<td rowspan="5"><img src="images/base5art_04_02.gif" width="17" height="186" alt=""></td>
<td rowspan="5" background="images/base5art_04_03.gif" width="100%"><img src="images/base5art_04_03.gif" width="11" height="186" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2"><img src="images/base5art_04_04.gif" width="18" height="26" alt=""></td>
<td colspan="3"><img src="images/base5art_04_05.gif" width="169" height="25" alt=""></td>
<td colspan="10" rowspan="2"><img src="images/base5art_04_06.gif" width="557" height="26" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/base5art_04_07.gif" width="169" height="1" alt=""></td>
</tr>
<tr>
<td rowspan="2"><img src="images/base5art_04_08.gif" width="1" height="144" alt=""></td>
<td><img src="images/base5art_04_09.gif" width="2" height="143" alt=""></td>
<td colspan="2" background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_11.gif" width="3" height="144" alt=""></td>
<td colspan="2" background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_13.gif" width="3" height="144" alt=""></td>
<td background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_15.gif" width="3" height="144" alt=""></td>
<td background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_17.gif" width="3" height="144" alt=""></td>
<td background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_19.gif" width="3" height="144" alt=""></td>
<td background="images/base5art_04_09.gif" valign="top"><!-- ASP Random Quotes --></td>
<td rowspan="2"><img src="images/base5art_04_21.gif" width="1" height="144" alt=""></td>
</tr>
<tr>
<td colspan="3"><img src="images/base5art_04_22.gif" width="121" height="1" alt=""></td>
<td colspan="2"><img src="images/base5art_04_23.gif" width="121" height="1" alt=""></td>
<td><img src="images/base5art_04_24.gif" width="121" height="1" alt=""></td>
<td><img src="images/base5art_04_25.gif" width="121" height="1" alt=""></td>
<td><img src="images/base5art_04_26.gif" width="121" height="1" alt=""></td>
<td><img src="images/base5art_04_27.gif" width="122" height="1" alt=""></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="15" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="104" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="62" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="59" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="121" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="121" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="121" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="122" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td><img src="images/spacer.gif" width="11" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
<!-- ImageReady Slices (footerart2.png) -->
<table id="Table_10" width="100%" height="101" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="images/footerart2_01.gif" width="4" height="26" alt=""/></td>
<td colspan="6" background="images/footerart2_01.gif" width="100%"></td>
<td><img src="images/spacer.gif" width="1" height="26" alt=""/></td>
</tr>
<tr>
<td colspan="5"><img src="images/footerart2_03.gif" width="401" height="14" alt=""/></td>
<td rowspan="3" background="images/footerart2_04.gif" width="100%"></td>
<td rowspan="3"><img src="images/footerart2_05X.gif" width="367" height="47" alt="Copyright © 2006 Intense Cosmetics Ltd"/></td>
<td><img src="images/spacer.gif" width="1" height="14" alt=""/></td>
</tr>
<tr>
<td colspan="2" rowspan="5"><img src="images/footerart2_06.gif" width="5" height="60" alt=""/></td>
<td><img src="images/footerart2_07.gif" width="278" height="15" alt=""/></td>
<td colspan="2"><img src="images/footerart2_08.gif" width="118" height="15" alt=""/></td>
<td><img src="images/spacer.gif" width="1" height="15" alt=""/></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><a href="#" onclick="javascript:window.open('https://www.paypal.com/uk/cgi-bin/webscr?cmd=xpt/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="images/footerart2_09.gif" width="337" height="36" alt="Paypal, Secure Online Payments. Click for more info." border="0"/></a></td>
<td rowspan="4"><img src="images/footerart2_10x5.gif" width="59" height="45" alt=""/></td>
<td><img src="images/spacer.gif" width="1" height="18" alt=""/></td>
</tr>
<tr>
<td colspan="2" rowspan="2" width="100%">
<div id="navcontainer">
<ul id="navlist">
<li><a href="aboutus.asp">About Us</a></li>
<li><a href="privacy.asp">Privacy</a></li>
<li><a href="term.asp">Terms</a></li>
<li><a href="payment.asp">Payment</a></li>
<li><a href="returns.asp">Returns</a></li>
<li><a href="sitemap.asp">Site Map</a></li>
</ul>
</div>
</td>
<td><img src="images/spacer.gif" width="1" height="18" alt=""/></td>
</tr>
<tr>
<td colspan="2" rowspan="2"><img src="images/footerart2_12.gif" width="337" height="9" alt=""/></td>
<td><img src="images/spacer.gif" width="1" height="3" alt=""/></td>
</tr>
<tr>
<td colspan="2" background="images/footer3_09.gif" width="100%"><img border="0" src="images/footer3_09.gif" width="5" height="6"/></td>
<td><img src="images/spacer.gif" width="1" height="6" alt=""/></td>
</tr>
<tr>
<td><img src="images/spacer.gif" width="4" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="1" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="278" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="59" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="59" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="4" height="1" alt=""/></td>
<td><img src="images/spacer.gif" width="367" height="1" alt=""/></td>
<td/>
</tr>
</table>
<!-- End ImageReady Slices -->
</body></html>

Michael Morraine
Starting Member

2 Posts

Posted - December 20 2006 :  01:44:26  Show Profile  Reply with Quote
I just realised that is the doctype is causing the problem . i would prefer to just use in quirks mode right know as i can't afford to get some one to debug my design. its taken me ages to get it to the point it is now in quirks. Has any one got this css to work in quirks at all?
Go to Top of Page
  Previous Topic Topic Next Topic  
 New Topic  Reply to Topic
 Printer Friendly
Jump To:
Snitz Forums 2000