4 replies to this topic

[Clandestine]

where the cloths are in the white area, are those tables? if they are how did they make them look like that? heres a link to what im talking about

http://osc.template-.../9173/index.php

thanks

-Devyn

[raenef]

yep the entire site is tables, and you can see how exactly they did it by viewing their source (view >> page source) and reading from <!--new_products //--> to <!-- new_products_eof //--> its really only a matter of image and text_placement.
A typical product on that site:

<td width=156 valign=top>
<table border=0 cellspacing=0 cellpadding=0 width=144 align=center>
 <tr><td align=center height=35 valign=top >
<a class=ml2 href="http://osc.template-help.com/9173/product_info.php?products_id=181">George - Charmeuse Camisole Top</a>
<!-- The Title Of The Garment w/ Link-->
</td></tr>
<tr><td align=center>
<a href="http://osc.template-help.com/9173/product_info.php?products_id=181"><img src="images/m18.jpg" border="0" alt="George - Charmeuse Camisole Top" title=" George - Charmeuse Camisole Top " width="110" height="110" vspace=5></a>
<!-- The Picture of the garment w/same link -->
</td></tr>
<tr><td height=20 class=gc align=right>
<span class=currency_symbol>$</span>10.99<span class=currency_symbol></span>
<!-- Price of the garment -->
</td></tr>

<tr><td height=4></td></tr>  <!-- slight vertical space -->
<tr><td><img src=images/m17.gif width=144 height=1></td></tr>
<!-- The grey line you see under the price -->
<tr><td height=7></td></tr> <!-- slight vertical space -->
<tr><td>
<a href="http://osc.template-help.com/9173/product_info.php?products_id=181"><img src="includes/languages/english/images/buttons/small_view.gif" border="0" alt="" width="59" height="13"></a>
<!-- the details link image -->
</td></tr>
<tr><td height=4></td></tr><!-- slight vertical space -->
<tr><td>
<a href="http://osc.template-help.com/9173/index.php?action=buy_now&products_id=181"><img src="includes/languages/english/images/buttons/button_in_cart.gif" border="0" alt="" width="83" height="13"></a>
<!-- The add to cart image -->
</td></tr>					
</table>
</td>

I commented out sections of that code to make it more understandable, I hope that explains what you were looking for

Edited by raenef, 04 March 2006 - 12:29 AM.

[Clandestine]

thank you. And they used CSS also?

thanks again

-Devyn

[raenef]

yep, you can view the css for that site at http://osc.template-.../stylesheet.css sorry for not including that in my first post.

[Clandestine]

THANKS, ill look at that when i make my tables for my site

-Devyn