X-Cart forums - Product description html code

Hi, thanks for reply, i found the body tag was a problem in the code as x-cart body css styles were being applied to my own template. So firstly i removed body tags, html tags and just used the DIV tags, plus my own css rules. With the addition of a few inline rules to force css to ignore xcart rules on my font sizes. and color. Using the CENTER tags also forces the whole template in the middle of the xcart layout.

I also included a top rule to make all browsers comply to the template.

below is the code showing an example product which works exactly how i wanted it to, its only basic, but does the job and doesnt use tables. Only css and Divs.

thanks again for the reply, anyone feel free to copy and use the template or any part of it in your site (if it helps others) then i am happy to share it.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<style type="text/css">

.container {width: 680px;
height: 685px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background-color: #FFF;

}

.header-title {
width: 550px;
height: 70px;
margin: 1px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 36px;
color: #FFF;
font-weight: bold;
line-height: 70px;
background-image: url("http://www.dvdinfo.org/ebay-images/strongtitle.gif");
}

.iconright {width: 123px;
height: autopx;
margin-top: 1px;
margin-right: 1px;
float: right;

}

.contentmain {
height: auto;
margin: 1px;
float: left;
text-align: left;
width: 546px;
font-size: 15px;
padding: 2px;

}

.rightpanelImgs {width: 123px;
height: auto;
margin-right: 1px;
float: right;
}

.imageright {margin-bottom: 2px;}

.featuresproduct {width: 546px;
height: auto;
float: left;
margin: 1px;
text-align: left;
padding-top:5px;
font-size: 13px;
font-weight: bold;
padding: 2px;
}

p {padding: 2px;
margin: 0;}

.imagelarge {width: 268px;
height: 225px;
margin: 1px;
clear: both; float: right;}

.postage {width: 404px;
height: auto;
clear: left; float: left;
text-align: left;
margin: 1px}

.paymentmethod {width: 404px;
height: auto;
float: left;
text-align: left;
margin: 1px}

.whatwill {width: 404px;
height: 65px;
float: left;
text-align: left;
margin: 1px
}

.strongbackground {font-weight: bold;
font-size: 15px;
background-image: url("http://www.dvdinfo.org/ebay-images/strongbackground.gif");
color: #FFF;}

</style>

<center>

<div class="container">

<div class="header-title">Sega Rally Xbox 360</div>

<div class="iconright"><img src="http://www.dvdinfo.org/ebay-images/xbox360-logo-small.jpg" width="121px" height="70" alt="xbox 360"></div>

<div class="contentmain">
<p style="font-size: 15px; color: #666;">Sega Rally encourages players to put the pedal to the metal and enjoy thrilling head-to-head racing. Skilled driving will go hand-in-hand with pure luck as you hurtle around looping tracks in a wide selection of 4WD, 2WD & Classic vehicles that react quite differently depending upon the racing surface. Sega Rally offers a vast variety of fully deformable environments and surfaces, from littered gravel tracks, all weather tarmac roads, to snow driven trails - no two laps let alone a race will ever be the same.</p>
<br>

<p style="font-size: 15px; color: #666;">This Game is in Very Good condition complete with case and booklets.</p>
</div>

<div class="rightpanelImgs"><img class="imageright" name="rightimage1" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally1-small.jpg" width="121px" height="168" alt="place holder"/>
<img class="imageright" name="imageright2" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally2-small.jpg" width="121px" height="68px" alt="tester">
<img class="imageright" name="imageright3" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally3-small.jpg" width="121px" height="68px" alt="tester">
<img class="imageright" name="imageright4" src="http://www.dvdinfo.org/ebay-images/SMALL/sega-rally4-small.jpg" width="121px" height="68px" alt="tester">
</div>

<div class="featuresproduct"><ul style="font-size: 13px; color: #666;">

<li>Bumper to bumper Rally racing</li>
<li>Fully deformable environments & surfaces</li>
<li>Speed & adrenaline</li>
<li>Offers a wonderfully vibrant graphical world</li>
<li>A wide selection of 4WD, 2WD and Classic vehicles</li>
<li>Advanced AI, multiplayer and online capabilities</li>
<li>Arcade accessibility with simulation depth</li>
<li>Supurb driving experience</li>
<li>Customizable cars</li>
</ul>
</div>

<div class="imagelarge">

<object type="application/x-shockwave-flash"

style="width:268px; height:225px;"

data="http://www.youtube.com/v/ZYH0c6e8HdA&autostart=1&rel

=0&autoplay=1">
<param name="movie"

value="http://www.youtube.com/v/ZYH0c6e8HdA&autostart=1&re

l=0&autoplay=1" />
</object>

</div>
<div class="postage">

<p class="strongbackground">Postage</p>
<p style="font-size: 13px; color: #666;">All items are sent 1st class and will be despatched same day if payment received before 2pm. Proof of postage is obtained for every item we send and includes insurance against loss or damage.</p>
</div>

<div class="paymentmethod">
<p class="strongbackground">Payment methods </p>
<p style="font-size: 13px; color: #666;">Prefered payment method is Paypal, you can use most debit credit cards and there is no need to be registered. Alternitively we accept postal order or cheque should you prefer.</p>
</div>
<div class="whatwill">
<p class="strongbackground">What will i receive</p>
<ul style="font-size: 15px">
<li>1 X Sega Rally Xbox 360 Game with booklets</li></ul>
</div>
</div>

</center>