Hi,

How to add dotted line below the list's content.

.innercol2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 5px 10px;
	}
	
.innercol2 ul li {
	list-style-type: disc;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px 0px 5px 3px;
	padding: 0px 0px 0px 0px;
	}

border-bottom: 1px dotted colourCode;

1. Create a rectangle
2. Resize it to for example 200 Height by 1Width
3. Make the colour black
3. Add the texture Line-Horiz 3 and change the percentage to 100% (or line-Vert 3 for horizontal line)
4. Add a filter > Adjust Color > Color Fill to the colour you wish your dotted line to be
5. Change the blend mode to screen

Originally Posted by zaynahblaze

1. Create a rectangle
2. Resize it to for example 200 Height by 1Width
3. Make the colour black
3. Add the texture Line-Horiz 3 and change the percentage to 100% (or line-Vert 3 for horizontal line)
4. Add a filter > Adjust Color > Color Fill to the colour you wish your dotted line to be
5. Change the blend mode to screen

Is there a 2nd option? ..Take a pen and blank sheet draw a dotted line?

He WANTS a dotted line for the list items and that can be done in CSS.

border-bottom: 2px dotted #fff.

FYI

I use this on my .css style

border-top: 1px solid #CCCCCC;
margin-bottom: 10px;

Really this idea is very useful for every one... First time i don't know how to add the dotted line in the border... after this information i use this function...

hi,
Select bottom-border:border-bottom:3px dotted red;
this will add dotted line in bottom

Unfortunately, it is apparently not possible to give padding or border properties to table row <tr> elements.

The double dotted line is not a standard CSS border-style, so you will need to create your own if you want that. Make an image gif of the double dotted line with transparent background, say 100px wide x 5 px high, save it as /includes/templates/your_template/images/dbldotted.gif, and use that as the background for your products.

you can make a background pics. add it in the css file.