Righe tratteggiate

[tada.it]

Sto facendo alcune prove con le tabelle; tra le varie difficoltà, non riesco a creare linee tratteggiate verticali e/o orizzontali, come ad esempio riporta il sito www.ericsson.com
Quale è la soluzione migliore?

[dover]

.bordo {
border-top-width: 0px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 0px;
border-style: inset;
border-top-color: none;
border-right-color: red;
border-bottom-color: blue;
border-left-color: none;
}

.bordo1 {
border-top: none 0px none;
border-right: inset 10px red;
border-bottom: inset 10px blue;
border-left: none 0px none;
}


ovviamente nell'HEAD, richiamando nel BODY la classe: <td class="bordo1....>
Ciao,
dover

[Piero_Bo]

Originariamente inviato da tada.it
Sto facendo alcune prove con le tabelle; tra le varie difficoltà, non riesco a creare linee tratteggiate verticali e/o orizzontali, come ad esempio riporta il sito www.ericsson.com
Quale è la soluzione migliore?

Ciao, puoi usare anche un .css esterno con questo codice demo:

.tratteggio_sopra {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
border-top: 1px dotted #00CCFF;
border-right: 1px #00CCFF;
border-bottom: 1px #00CCFF;
border-left: 1px #00CCFF;
}
.tratteggio_sotto {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
border-top: 1px #00CCFF;
border-right: 1px #00CCFF;
border-bottom: 1px dotted #00CCFF;
border-left: 1px #00CCFF;
}

Piero

[tada.it]

Ho usato 'dotted' al posto di 'inset'.

Originariamente inviato da dover
.bordo {
border-top-width: 0px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 0px;
border-style: inset;
border-top-color: none;
border-right-color: red;
border-bottom-color: blue;
border-left-color: none;
}

.bordo1 {
border-top: none 0px none;
border-right: inset 10px red;
border-bottom: inset 10px blue;
border-left: none 0px none;
}


ovviamente nell'HEAD, richiamando nel BODY la classe: <td class="bordo1....>
Ciao,
dover

[tada.it]

Grazie 1000

Originariamente inviato da Piero_Bo
Ciao, puoi usare anche un .css esterno con questo codice demo:

.tratteggio_sopra {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
border-top: 1px dotted #00CCFF;
border-right: 1px #00CCFF;
border-bottom: 1px #00CCFF;
border-left: 1px #00CCFF;
}
.tratteggio_sotto {
font-family: Tahoma;
font-size: 12px;
font-weight: normal;
color: #0000FF;
text-decoration: none;
border-top: 1px #00CCFF;
border-right: 1px #00CCFF;
border-bottom: 1px dotted #00CCFF;
border-left: 1px #00CCFF;
}

Piero