| Precedente :: Successivo |
| Autore |
Messaggio |
Silent Runner
Supervisor sezione Chiacchiere a 360°
Registrato: 16/05/05 09:17
Messaggi: 23536
Residenza: Pianeta Terra
|
 Inviato: 24 Mar 2011 21:57 Oggetto: Bordi di tabella gestiti via CSS. |
 |
|
Salve: sto cercando una soluzione per realizzare bordi di tabella gestibili tramite css.
Immaginate una normale tabella con celle annidate: Se impostate i bordi questi saranno presenti su tutti i lati della tabella e delle celle generando una griglia.
A me servirebbe poter creare una tabella con celle che presenti solo i bordi orizzontali e non quelli verticali.
Se io elimino i bordi verticali della tabella con in comando "hsides" restano quelli all'interno delle celle.
E c'è sempre il problema del crossbrowser...
Meglio dunque un css.
Qualcuno ne conosce un adatto?
Grazie. |
|
| Top |
|
 |
Silent Runner
Supervisor sezione Chiacchiere a 360°
Registrato: 16/05/05 09:17
Messaggi: 23536
Residenza: Pianeta Terra
|
| Inviato: 27 Mar 2011 18:25 Oggetto: |
|
|
Un argomento interessante, vedo:
Bene, posso dire di aver trovato una soluzione che però mi sembra macchinosa, utilizzando il programma Konpozer (ho bypassato il vecchio Dreamweaver).
| Codice: | <table
style="border-style: inset none; text-align: left; width: 75%; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="border-style: none;">
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella
n.1<br>
</td>
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella
n.3 centrale<br>
</td>
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella
n.5 centrale </td>
</tr>
<tr>
<td style="border-style: outset none; vertical-align: top;">cella
n.2<br>
</td>
<td style="border-style: outset none; vertical-align: top;">cella
n.4 centrale<br>
</td>
<td style="border-style: outset none; vertical-align: top;">cella
n.6 centrale </td>
</tr>
</tbody>
</table> |
Ma sarebbe possibile inserire le istruzioni di formattazione della tabella in un file esterno? E se sì come impostare il tutto? |
|
| Top |
|
|
bdoriano
Amministratore
Registrato: 02/04/07 11:05
Messaggi: 14300
Residenza: 3° pianeta del sistema solare...
|
| Inviato: 07 Apr 2011 10:53 Oggetto: |
|
|
Ciao Silent,
stavo "giochicchiando" con una pagina web di un mio programmino e mi sei venuto in mente. 
vedi se il codice di seguito ti piace:
| Codice: | <html>
<head>
<style type="text/css">
table.sample {
border-width: 1px;
border-style: inset none;
text-align: left;
width: 75%;
margin-left: auto;
margin-right: auto;
}
table.sample tr {
border-style: none;
}
table.sample td {
padding: 2px;
border-style: outset none;
border-width: 1px;
vertical-align: top;
width: 33%;
}
</style>
</head>
<body>
<div style="text-align:center">Esempio Silent - CSS "esterno"</div>
<table class="sample">
<tr>
<td>cella n.1<br />
</td>
<td>cella n.3 centrale<br />
</td>
<td>cella n.5 centrale</td>
</tr>
<tr>
<td>cella n.2<br>
</td>
<td>cella n.4 centrale<br />
</td>
<td>cella n.6 centrale</td>
</tr> </table>
<br />
<br />
<div style="text-align:center">Esempio Silent - CSS "interno"</div>
<table
style="border-style: inset none; text-align: left; width: 75%; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr style="border-style: none;">
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella n.1<br />
</td>
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella n.3 centrale<br />
</td>
<td
style="border-style: outset none; vertical-align: top; width: 33%;">cella n.5 centrale</td>
</tr>
<tr>
<td style="border-style: outset none; vertical-align: top;">cella n.2<br />
</td>
<td style="border-style: outset none; vertical-align: top;">cella n.4 centrale<br />
</td>
<td style="border-style: outset none; vertical-align: top;">cella n.6 centrale</td>
</tr>
</tbody>
</table>
</body>
</html> |
|
|
| Top |
|
|
Silent Runner
Supervisor sezione Chiacchiere a 360°
Registrato: 16/05/05 09:17
Messaggi: 23536
Residenza: Pianeta Terra
|
| Inviato: 07 Apr 2011 14:27 Oggetto: |
 |
|
Grazie Bdoriano! :quote: Adesso lo provo subito. Se mi senti urlare vuol dire che è andata bene po è andata male. O mi è caduta in testa una cassaforte da 300 tonnellate sganciata per errore da un elicottero di Berlus.. ok m'azzittisco!  |
|
| Top |
|
|
|
FAQ
Cerca
Lista utenti
Gruppi
Registrati
Profilo
Messaggi privati
Log in
