Linea separatrice orizzontale e verticale particolare.

[pchs]

Salve a tutti, questa rihiesta vi sembrarà un pò strana perchè in fondo lo è. Sto realizzando un nuovo portale per il mio sito ed ho pensato di mettere qualche separatore orizzontale e/o verticale per delimitare gli spazi dedicati alle news, reviews, ecc...

Tuttavia il tag <br /> non è molto carino perchè consiste in una semplice linea nera. Volevo sapere dove trovare o chi mi aiuterebbe a fare un bel separatore.

Grazie tante!

pchs

Tuttavia il tag <br /> non è molto carino perchè consiste in una semplice linea nera. Volevo sapere dove trovare o chi mi aiuterebbe a fare un bel separatore.

Grazie tante!

Perché il tag <br /> è una linea nera?
Quel tag serve per andare a capo, quindi utilizzabile all'interno di un <p>aragrafo

La linea orizzontale che separa è <hr />

Per separare verticalmente utilizza i bordi tramite css.

[pchs]

Si si certo.... è stato un errore di distrazione... :P

Siccome non ho mai utilizzato i css per fare bordi, potresti farmi un esempio? Grazie mille

pchs

Siccome non ho mai utilizzato i css per fare bordi, potresti farmi un esempio? Grazie mille

border: 1px solid #06c;

però prima facci sapere che intendi per delimitare gli spazi dedicati alle news, reviews, ecc...

magari con un esempio

[pchs]

Intendo una cosa simile a quelle due barre verticali nere. Naturalmente vorrei qualche cosa di più particolare... esempio, con bordi arrotondati, .... qualche cosa di originale...

pchs

Intendo una cosa simile a quelle due barre verticali nere. Naturalmente vorrei qualche cosa di più particolare... esempio, con bordi arrotondati, .... qualche cosa di originale...

header e articolo hanno i 4 bordi come l'esempio che ti ho fatto.

Le news hanno il bordo solo a destra e sinistra, di 4 o 6 pixel di larghezza.

Per arrotondarli devi utilizzare delle immagini, oppure li arrotondi tramite css.
Non ricordo il link, ma basta che cerchi su google "bordi arrotondati coi css"

[pchs]

Quindi praticamente (soluzione ovvia che non avevo pensato) basta che dò al div che contiene le news le proprierà border-left e border-right. Che scemo io a non pensarci

Grazie

pchs

Quindi praticamente (soluzione ovvia che non avevo pensato) basta che dò al div che contiene le news le proprierà border-left e border-right.

esatto