Tabella con celle distanti
- Creatore Discussione pippoman
- Data di inizio
Non so se ho capito bene ma tu intendi usare il tag <table> per questo?
In caso potresti provare una cosa del genere:
Comunque se stai usando le tabelle per creare layout allora ti ricordo che ormai i layout a tabella non si usano più da anni luce!!! xD
Se invece non usi il tag <table> allora su internet ci sono framework come Foundation o Bootstrap che permettono di creare layout Responsive utilizzando le loro classi "row" e "columns"
In caso potresti provare una cosa del genere:
HTML:
<!doctype html>
<html lang="it">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<style>
table, table td, table th{
border: none;
padding: 5px;
}
.border{
border: 1px solid;
padding: 5px;
}
.border-1{
border-color: #000;
}
.border-2{
border-color: #f00;
}
.border-3{
border-color: #0f0;
}
.border-4{
border-color: #00f;
}
</style>
<body>
<table>
<tbody>
<tr>
<td>
<div class="border-1 border">testo testo testo testo testo</div>
</td>
<td>
<div class="border-1 border">testo testo testo testo testo</div>
</td>
</tr>
<tr>
<td>
<div class="border-2 border">testo testo testo testo testo</div>
</td>
<td>
<div class="border-2 border">testo testo testo testo testo</div>
</td>
</tr>
<tr>
<td>
<div class="border-3 border">testo testo testo testo testo</div>
</td>
<td>
<div class="border-3 border">testo testo testo testo testo</div>
</td>
</tr>
<tr>
<td>
<div class="border-4 border">testo testo testo testo testo</div>
</td>
<td>
<div class="border-4 border">testo testo testo testo testo</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>Comunque se stai usando le tabelle per creare layout allora ti ricordo che ormai i layout a tabella non si usano più da anni luce!!! xD
Se invece non usi il tag <table> allora su internet ci sono framework come Foundation o Bootstrap che permettono di creare layout Responsive utilizzando le loro classi "row" e "columns"
Ultima modifica:
