Products - dotted lines

[Surf Boy]

Products - dotted lines

I have done a search and can not find any threads on the subject to help me out!

Ok I have gone to products under site settings and set the Column Counts for Products = 2

In the design tab, I have clicked here to “edit list layout settings” and have adjusted the table settings as you can see below.

<table border="0" cellpadding="5" cellspacing="5" width="<actinic:variable name="ProductListWidth" />">

I have created a style sheet and have tried this code below

<table border="0" cellspacing="5" cellpadding="5" " width="<actinic:variable name="ProductListWidth" />"<td class="dottedborder">

But it does not put the dotted line a round the individual products.

How do I do this?

[mike_howles]

You cannot use border styles in table data tags <TD>'s
Border styles are only available for block elements.

you *may* be able to do it by using the style on a <P> element within the <TD>

eg:

<TR>
<TD><P class="dottedline">your text here</P></TD>
</TR>

Also, bear in mind that IE, FireFox and Opera treat border CSS styles differently so sometimes it just looks bad.

Ah, I see, the product is in the <TD> in which case substitute the <P> element for a <DIV> element. Still a block element but without default styling.

Mike