div affiancate orizzontalmente

[felice211]

Vorrei realizzare una cosa come l'allegato, si tratta di div affiancate tra loro, ma che dovrebbero funzionare sia con IE che con FF, precisando che le righe possone essere più di una.

[deleted_id_48586]

Puoi usare la proprietà float per affiancare dei DIV.

P.S.
Quella che vedo però mi sembra a tutti gli effetti una tabella quindi sarebbe meglio che usassi il codice XHTML per le tabelle.

[felice211]

Quella che vedo però mi sembra a tutti gli effetti una tabella quindi sarebbe meglio che usassi il codice XHTML per le tabelle.

Quella che vedi è una cosa che ho riprodotto con excel.

In effetti avrei bosogno di realizzare una pagina in PHP che mi visualizzi i record estratti nel como in cui vedi nella tabella che ho allegato.

Ma visto che non voglio usare le tabelle ma solo i CSS vorrei capire come fare.

Se possibilmnete mi puoi postare qualche esempio.

Cia Cia

[felice211]

In quanche modo vorrei realizzare una cosa simile

[felice211]

VVoVe:

[micio1980]

Prova così:

DIV#label_data{
width: 9%;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:2px 0px 2px 10px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#row_data{
width: 9%;
color: #000000;
font-size: 12px;
padding:2px 5px 2px 5px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#label_nome{
width: 12%;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:2px 0px 2px 10px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#row_nome{
width: 12%;
color: #000000;
font-size: 12px;
padding:2px 8px 2px 2px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#label_titolo{
width: 68%;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:2px 0px 2px 10px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#row_titolo{
width: 68%;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:2px 0px 2px 2px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#label_icone{
width: 2%;
min-height: 1.2em;
height: auto !important;
height: 1.2em;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:2px 0px 2px 0px;
float:left;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FF0000;
}
DIV#row_icone{
width: 2%;
min-height: 1.2em;
height: auto !important;
height: 1.2em;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
padding:0px 0px 0px 0px;
float:right;
text-align:left;
border-style: solid;
border-color: #FFFFFF;
border-width: 1px 1px 1px 1px;
background-color: #FFCC00;
}

[Mich_]

Come usare una tabella per formattare una pagina e` un errore semantico, anche non usare una tabella per inserire dei dati tabellari e` un errore semantico altrettanto grave.

Capisco il tentativo di micio di realizzare una pseudotabella usando altri elementi, ma a parte gli errori di sintassi CSS, e` comunque un errore semantico.

Quindi la rispsta per felice e`:
USA IL TAG <table>
Poi usa i tag per suddividere la tabella: <thead> e <tbody> (e se necessario <tfoot>)
Ed usa i tag correttamente: <th> per le celle di titolo.