Pagina 1 di 1
Tabelle Prosilver
Inviato: 02/08/2012, 14:18
da 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
Re: Tabelle Prosilver
Inviato: 02/08/2012, 15:04
da Micogian
Con i <div>.
Ci sono numerosi esempi in rete, con i <div> annidati e i giusti CSS fai quello che vuoi.
Re: Tabelle Prosilver
Inviato: 02/08/2012, 18:37
da 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..
Re: Tabelle Prosilver
Inviato: 02/08/2012, 18:55
da 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.
Re: Tabelle Prosilver
Inviato: 02/08/2012, 23:40
da Astro86
Ok farò qualche prova per familiarizzare un po xD
grazie mille
Re: Tabelle Prosilver
Inviato: 03/08/2012, 9:30
da 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.
Re: Tabelle Prosilver
Inviato: 03/08/2012, 15:34
da 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