WebSite X5Help Center

 
Davide T.
Davide T.
User

Verticale con codice non funziona  it

Autor: Davide T.
Besucht 1170, 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
5 ANTWORTEN
Skeggia 12
Skeggia 12
Moderator

dove lo devi fare? tra due colonne di testo?

Mehr lesen
Gepostet am von Skeggia 12
Skeggia 12
Skeggia 12
Moderator

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;}

Mehr lesen
Gepostet am von Skeggia 12
Davide T.
Davide T.
User
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>?

Mehr lesen
Gepostet am von Davide T.
Skeggia 12
Skeggia 12
Moderator

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...

Mehr lesen
Gepostet am von Skeggia 12
Davide T.
Davide T.
User
Autor

Effettivamente è un problema...ti faccio sapere che soluzione adotteró...grazie per il tempo che mi hai dedicato...

Mehr lesen
Gepostet am von Davide T.