CSS in tre righe

[ldiste]

E' possibile dividere un box in tre righe tramite pixel o percentuale con i CSS?

[Jerry Masslo]

Originariamente inviato da ldiste
E' possibile dividere un box in tre righe tramite pixel o percentuale con i CSS?

potresti spiegarti meglio?

[ldiste]

Sto provando ad impaginare un sito (Table less) con i css; premetto che è la prima volta che lo faccio quindi vogliate scusarmi se non sono molto chiara!
Comunque ho la necessita di cereare in div contenitore (box) diviso in 3 linee orizzontali.

Potreste farmi vedere cosa devo scrivere?

Esiste un tutorial su questo specifico argomento?

Grazie

[Jerry Masslo]

se è quello che immagino è molto semplice per questo non si capivano le tue intenzioni

dentro il div ce ne metti un altro o un paragrafo e poi giochi con margini e bordi o sfondi.


<div style="background:red">prima linea
<div style="background:gray">seconda linea</div>
<div style="background:maroon">terza linea</div>
</div>
ma ci sono direttamente gli hr che sono linee e che si possono formattare con gli stili in vario modo le opzioni non mancano

[ldiste]

Grazie, ora provo ad impostare le percentuali.

[JHammer]

Puoi settare le dimensioni con valori assoluti in pixel(px), percentuali (%) o relativamente al carattere(em)...
Se per esempio vuoi un box alto 3 caratteri (magari non sai la dim del carattere) puoi usare 3.0em.
Al box contenitore applichi il posizionamento relativo (position:relative e ai 3 box il posizionamento assoluto (position:absolute in modo da poterli posizonare in modo assoluto ma relativo rispetto al box contenitore; i tre box li puoi dimensionare alti un carattere (height:1em e li posizioni come vuoi (top=1em;top=2em;top:3em; rispettivamente).