Dot line image among latest news columns

[thanhnguyen]

Hi all,

Can anyone help me with the code to put a dotline image among latest news columns.

Cheers,

Thanh Nguyen

[Micha]

Here is how you do it:
Make a dot.gif image (my recommendation would be 1px wide 2px long) and save (upload) it to img folder of your Vivvo.

Next open templates/style.css and add this class:

td.latest table td {background: url(../img/dot.gif) right repeat-y;}

This should give you a dotted right border between your latest news like on the image attached.

Hope that helps.

[thanhnguyen]

It's Greate, Thanks for your help

[thanhnguyen]

by the way I try tr.latest table tr {
background: url(../img/dot2.gif) right repeat-x;
}
to make a long dottedline instead of short borders on top of short articles but it does not work ...can you please help me, man?

Thanh Nguyen

[Micha]

In your style.css edit the .article class:

.article {
background-color: #ffffff;
padding-top: 0px;
padding-bottom: 8px;
padding-left: 15px;
padding-right: 15px;
border-top: 1px solid #CCCCCC;
}


Delete the border-top value and add this instead:

background: url(../img/dot2.gif) top repeat-x;

Hope that helps. :)