Stiplet linie fejler

Det slog lige mit øje, at du kan forkorte dine styles meget, så bliver de også mere overskuelige, f.eks.

.top {
    border: 1px dashed grey;
    border-bottom: 0;   
}

-- ligeledes er der shorthands for f.eks. padding:

.indhold {
    background-color: #FFFFFF;
    padding: 10px 100px 20px 25px;/*Bemærk top, right, bottom, left, altså som et ur !-)*/
    vertical-align: top;
    width: 70%;   
    border-left: 1px dashed grey;       
}

-- men jeg kunne ikke finde forskellen, så afhængig af, hvordan dine sider genereres, ville jeg prøve et-eller-andet med noget copy/paste ...

Hvis du godt vil have en stiblet linie som er lige stiblet stribet i alle browsere. 

Først skal du tegne en sort prik i paint helt zoomet ind.

Næst skal du sørge for at der er en pixel rundt om den ene sorte pixel i midten, de skal alle være den background du vælger.

Sidste skal du have nolge CSS definationer.

div.dot_vertical {
    background: url('Dot.gif') repeat-x ;
    margin:        12px;
    height:        3px;
}

div.dot_horizontal {
    background: url('dot.gif') repeat-y;
    height:        400px;
    width:        3px;
    margin:        12px;
}
Og så kan du altid vende repeat-y om the repeat-x.



og lidt HTML

<div class="dot_vertical"> </div>

<div class="dot_horizontal"> </div>

Jeg har smidt lidt margin på dem, men det kan du bare fjerne...

Jeg samler ikke på points, hvis du synes jeg skal have nolge.. giv mig hellere en hilsen i min karma..