Verticale con codice non funziona
Autor: Davide T.
Besucht 1370,
Followers 1,
Geteilt 0
Salve, avevo necessità di fare un hr verticale...ho trovato il codice in rete per farlo apparire in verticale ma non funziona...appare solo quella orizzontale
<hr style="layout-flow:vertical-ideographic">
Gepostet am
dove lo devi fare? tra due colonne di testo?
perchè tra due colonne potresti usare una cosa del genere nel tab esperto di un oggetto html...
.dueColonne {
/*Numero di colonne*/
column-count: 2;
/* Distanza tra le colonne*/
column-gap: 30px;
/*Stile per il bordo delle colonne*/
column-rule: 1px solid #666;
text-align:justify;
}
e nell'oggetto html...
<div class="dueColonne">
<p>Lorem ipsum dolor sit amet, ...testo testo testo....</p>
</div>
oppure più semplicemente questo css (ma comporta delle limitazioni) sempre in tab esperto di oggetto html...
hr {height:200px;width:3px;background-color:red;}
Autor
Praticamente su una colonna andrebbe descritto come si è formato lo staff, sull'altra i membri dello staff in parallelo..ma dal codice che.mi hai dato, e ti ringrazio, come faccio a scrivere sulla seconda colonna? Devo fare una serie di <br>?
con quel codice [per fare due colonne su un testo continuo, tipo due (o più, modificandone il numero nel css) colonne di giornale] va alla seconda (o più) colonna dopo che la prima ha raggiunto l'altezza impostata (o tramite codice assegnando l'altezza al div, oppure con l'altezza impostata all'oggetto html...) quindi probabilmente a te serve altro...
perciò praticamente devi impostare una tabella...
puoi utilizzare varie soluzioni:
1) usi l'oggetto tabella...
2) usi due celle di testo affiancate...
3) crei una tabella con codice html...
oppure, con il codice hr che ti ho postato sotto il commento precedente, potresti aggiungere
hr {height:200px;width:3px;background-color:red;position:absolute;left:200px;}
per posizionarlo... (da verificare le problematiche che potrebbe creare alle varie risoluzioni)...
dipende da te...
Autor
Effettivamente è un problema...ti faccio sapere che soluzione adotteró...grazie per il tempo che mi hai dedicato...