Tabella con celle distanti

P

pippoman

Nuovo Utente
7 Feb 2014
7
0
0
Volevo creare una tabella che graficamente ricreasse dei quadrati "celle" uno vicino all'altro e ognuno con il suo bordo propio distinto separato dall'altro e non tutti attaccati (di default)

Ho provato tute le opzioni ma le celle rimangono unite.
 
L

LorenzoPi

Utente Attivo
21 Gen 2014
98
0
0
Non so se ho capito bene ma tu intendi usare il tag <table> per questo?
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:
Devi accedere o registrarti per poter rispondere.
Discussioni simili
Autore Titolo Forum Risposte Data
E larghezza diversa delle celle in una tabella fatta con <DIV> e <UL> HTML e CSS 0
M Riportare in tabella HTML dati estratti con query SQL MySQL 0
A Tabella con bottoni per aggiornamento record PHP 6
S problema con recupero dati tabella mysql PHP 2
M Tabella con riga più lunga HTML e CSS 6
M Esportare tabella in csv con intestazione di colonne PHP 6
V Come stampare su Excel tabella con rowspan e colspan Javascript 2
M Posizionare una tabella con scroll su un elemento specifico PHP 3
F Dropdown menu con tabella PHP 33
B Fare calcoli con php da tabella mysql PHP 2
elpirata Popolare campi tabella con totali estratti da database PHP 24
D [MS Access] Piu' maschere con una sola tabella dati... MS Access 0
G inserimento csv in tabella mysql; problema con struttura PHP 11
A [MS Access] Maschera per interagire con tabella excell MS Access 19
S [PHP] Selezionare i campi non in comune con le altre colonne della tabella PHP 4
V Creare tabella mysql con php non funziona PHP 1
A [PHP] RISOLTO Invio Mail con Tabella PHP 2
M Creare tabella da pagina php popolata con valori passati con POST PHP 5
S [PHP] selezionare colonne in comune con un altra tabella PHP 5
S [HTML] Tabella con intestazione verticale HTML e CSS 4
Trabba [MySQL] Trasformare tabella con totali MySQL 2
M [PHP] Tabella datagrid con icona di modifica che cambia in base a parametro PHP 0
C Inserire dati tabella leggendo parte di altra tabella con php PHP 13
P [PHP] Creare un elenco completo con tabella PHP 3
Albesus [PHP] Confronto input con tabella e risultato PHP 10
giancadeejay Aggiornare tabella db con php PHP 10
L Tabella dinamica con campi interni a td jQuery 1
giuseppe_123 [PHP] ricerca in una tabella con my sql PHP 0
C [MySQL] errore nell'importazione tabella con file csv MySQL 0
L [PHP] selezionare righe di una tabella con le checkbox e cancellarle PHP 2
D [HTML] Problema con Dreamweaver; 1) tabella con larghezza 100% 2) Immagine che si adatta a Div HTML e CSS 28
S [PHP] Selezione dati con riferimento ad altra colonna tabella PHP 22
F Righe di una tabella a comparsa con click Javascript 11
I Tabella/aree di testo con input da lista di nomi. PHP 4
G Tabella con date PHP 9
A Creare una fattura con dati di intestazione estratti da tabella MySQL 0
F Tabella con prima colonna con i risultati di una query PHP 1
I tabella con ciclo, recupero dati PHP 3
T Problema con l'aggiornamento di una tabella <Table> PHP 5
9 eliminare righe di una tabella con form html PHP 6
P Aggiornare Tabella con form ma senza Mysql HTML e CSS 0
C Problema con Update di una tabella di un db PHP 3
A Access, creare nuova tabella in DB esterno con VBA Visual Basic 0
neo996sps [PHP e funzioni con PDO] Funzione per generare corpo tabella PHP 1
M Access-Query per creare una tabella con la data nel nome tabella MS Access 0
neo996sps [PHP + MySQL] Tabella 5 colonne per N righe con un record per cella PHP 3
F problema su query con nome tabella variabile PHP 20
P Cambiare il valore di un campo tabella con un pulsante cliccabile PHP 2
P Tabella Dinamica in javascript (aggiungere righe con textinput) Javascript 1
M Aggiornare grafico con i dati inseriti in tabella PHP 0

Discussioni simili

Alto Basso