Tabelle Prosilver

[Astro86]

ciao a tutti, e da un po che non rivengo...

volevo creare una tabella da mettere nella index_body di uno stile basato sul prosilver ma ho un problema....

come creo una tabella

su uno stile basato sul subsilver2 mi e stato estremamente facile poiché mi è bastato realizzare una tabella 3x4 con Dreamweaver e inserire nei vari <td> class=cat, class=row1, ecc.. per dargli lo stile...

ma con la versione prosilver mi sto praticamente perdendo...


mi sfugge qualcosa

[Micogian]

Con i <div>.
Ci sono numerosi esempi in rete, con i <div> annidati e i giusti CSS fai quello che vuoi.

[Astro86]

non lo sapevo che si potessero fare le tabelle anche con i div.... nell'esempio dello stile prosilver quale CSS controlla i vari div ? c'è quale css cha le classi cat, row, ecc..

[Micogian]

Prova a creare un file html come questo:

Codice: Seleziona tutto

<div style="float: left; width: 640px; border: 1px solid #000000; padding: 10px;">
	<div style="float:left; width: 625px; padding: 5px; border: 1px solid #008000; text-align: center;">Titolo</div>	
	<div style="float:left; width: 200px; padding: 5px; border: 1px solid #008000; text-align: center;">Tabella sinistra</div>
	<div style="float:left; width: 200px; padding: 5px; border: 1px solid #008000; text-align: center;">Tabella centrale</div>
	<div style="float:left; width: 200px; padding: 5px; border: 1px solid #008000; text-align: center;">Tabella destra</div>
	<div style="float: clear></div>
</div>

Il risultato è questo: http://www.actafungorum.org/prova.html

Questo ha lo style in linea ma si può sempre creare le classi necessarie e metterle nel CSS.

[Astro86]

Ok farò qualche prova per familiarizzare un po xD


grazie mille

[Lady R]

se la tabella deve contenere dati puoi usare ugualmente <table>, le tabelle sono fatte apposta per contenere dati, e se usate correttamente per il loro scopo va bene.

Non va bene quando, come in subsilver, si utilizzano per creare l'intera struttura del sito.

[Astro86]

Vi posto ciò che sono riuscito a fare

in breve ci sono riuscito in parte


ma io vorrei fare la "spaziatura" esterna come qui


ma per quanto provi non riesco

ecco il codice

Codice: Seleziona tutto

<div class="catglow">
<div class="cathead-m">
<div class="cathead-l">
Bacheca
</div>
</div></div>
<!-- INCLUDE bacheca_body.html -->
<div class="collapsethis" >
</div>
 </div>
 </div>

ho seguito il suggerimento di Lady R quindi ho fatto solo il "container" e nel bacheca_body c'è una normale tabella <table>

catglow è il bordo azzurrino che si vede nella seconda immagine
cathead-m e per mettere la barra
cathead-l ancora non lo capito ma lo usato per centrare la scritta Bacheca sulla barra