elenco su due colonne

[inside1]

Ciao a tutti
grazie a questo sito www.simplebits.com sto ricreando un mio layout, ho imparato diverse cosucce. Ma ora è giunto il difficile... voglio creare nella parte alta del contenuto un elenco da disporre su colonne, una cosa simile http://directory.pubblicitaonline.it/ . Sotto l' elenco voglio poi proseguire con del testo. Come posso quindi creare questo elenco su due colonne nella parte del contenuto ?


Grazie..

[Mich_]

In che ordine devono essere gli oggetti dell'elenco?

cosi`(1)
  1   2
  3   4
  5   6

oppure cosi`(2)
  1   4
  2   5
  3   6

Nel caso (1) e` semplice:
Tutti gli oggetti da inserire avranno nel CSS:
display:inline;
float: left;
width: 49%; /* o giu` di li` */

e saranno inseriti in un oggetto che li contiene tutti (e non contiene altro).

nel caso (2), credo che non ci sia un metodo pronto con i CSS, ma occorre lavorare sui dati.

[inside1]

Ciao mille grazie...
il primo metodo.... quindi mi creo un div apposito da mettere all'interno del contenitore dove inserire l' elenco ?

Le voci che popolano l' elenco devono avere un titolo e subito sotto una descrizione... forse basterebbe che imposto il titolo con un carattere più grande rispetto a quella della descrizione utilizzando il primo esempio che mi hai indicato....

Veramente mille grazie

[Mich_]

Cerca di usare i tag nel loro significato semantico.
I titoli vanno fatti con i tag <h1> ... <h6>.
In qualche specifica (accessibilita`) e` anche richiesto che siano in ordine (cioe` che il primo titolo (della pagina) sia un <h1>, quello subito sotto un <h2> ecc.

Ognuno dei tuoi oggetti sara` quindi un <div>, che a sua volta contiene un <hX> e un

.

[inside1]

ciao
senti mi sà che non ho molto capito ho fatto così

#group {
	padding: 25px 310px 25px 25px;
	display:inline; 
	float: left;
	width: 49%;
	
	}

ma non ottengo il risultato dovuto poi così come fà a creare due colonne....

forse un piccolo esempio potrebbe darmi un maggiore aiuto...

grazie....

scusami se ho ritardato a rispondere ma avevo la linea che non andava...

[Mich_]

Immagino che dovrai definire una classe, non un id, se vuoi dare lo stesso formato a piu` di un elemento:

<div class="contenitore">
  <div class="elemento">
    <h2>titolo</h2>
    

descrizione</p>
  </div>
  <div class="elemento">
    <h2>titolo</h2>
    

descrizione</p>
  </div>
  ...
</div>

con CSS:

.contenitore {
  ...;
  ...;
}
.elemento {
  display:inline; 
  float: left;
  width: 49%;
  margin: 0;
  padding: 0;
  border: solid black 1px;
}

Il padding e` meglio non usarlo, o comunque sicuramente non usarlo con quelle misure che usi tu: alla fine non ci sta.

Ricorda che la larghezza totale e` data da:
width + 2*padding + 2*border + 2*margin

[inside1]

veramente molto gentile anche per le spiegazioni e i consigli.. poi ti darò modo di valutare quanto fatto..

ok vado a provare

[inside1]

che dire perfetto!!!
stavo pensando a quello che mi hai scritto, cioè al fatto di definire delle classi e non un id...

Sto studiando su questo sito simplebits.com analizzando il codice dei css vedo che definisce molti id per i diversi div... almeno per quello che ho imparato fino ad ora... come è stato realizzato va bene o era megli fare diversamente ?

Mille grazie

[Mich_]

Non ho presente il sito da te citato.

Comunque se hai una serie di <div> unici in una pagina (ad esempio: header, corpo, footer, firma,...) ha piu` senso definire un id e definire il CSS relativo all'id.

Se invece hai delle strutture che si ripetono DEVI usare le classi (non si possono usare id ripetuti in una pagina). E` il caso dell'elemento di cui sopra.

Altre volte si puo` usare una classe o un id, come nel caso del "contenitore" che ho definito sopra. Se il contenitore e` unico, puoi usare indifferentemente id o classe; se invece c'e` la possibilita` di ripeterlo (ad esempio due raccolte ciascuna con le due colonne), e` meglio usare la classe.

Nota: si possono definire nel div sia id che classe, il discorso appena fatto si riferisce all'uso dei CSS.

[inside1]

Allora faccio così provo a realizzare qualcosa da zero senza seguire il sito citato, poi posto il link e se vuoi mi darai delle dritte..

ancora grazie...