sostituire tab con div...

**freank** · 25-04-2012, 10:49

Come sostituire i <td> di una table, ovvero l'allineamento orizontale, con una div ?
(senza utilizzare i float:left)

codice:

<table><tr><td>
<img href="files/prova.jpg">
scritta1
</td>
<td>
<img href="files/prova2.jpg">
scritta2
</td>
<td>
<img href="files/prova3.jpg">
scritta3
</td>
<td>
<img href="files/prova4.jpg">
scritta4
</td>
</tr>
</table>

**carlomarangoni** · 25-04-2012, 15:17

Anche questa è una domanda come quella dell'head nell'altra sezione senza senso e motivata.

Non si fa a meno di usare metodi empirici e complicati senza nessuna utilità

**freank** · 25-04-2012, 15:43

Quindi ?
Io purtroppo sono un pivello in queste cose, non molto esperto come voi.
Provo a fare sempre vari tentativi prima di aprire post... ma a volte, come in questo caso, non riesco proprio a cavarmela da solo e chiedo aiuto qui...
Ho provato a usare i folat:left, che ho visto su vari tutorial, ma purtroppo avendoli già usati per la struttura base del sito... causano un disallineamento di tutto...

**carlomarangoni** · 25-04-2012, 16:06

Questo è un esmpio senza float:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>Documento senza titolo</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<style type="text/css">
.div-1 {
	border: none;
	height: 55px;
	position: relative;
	text-align: left;
	width: 194px;
}

.div-1-1 {
	border: none;
	height: 49px;
	left: 2px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 44px;
}

.div-1-2 {
	border: none;
	height: 49px;
	left: 50px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 44px;
}

.div-1-3 {
	border: none;
	height: 49px;
	left: 98px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 44px;
}

.div-1-4 {
	border: none;
	height: 49px;
	left: 146px;
	padding: 1px;
	position: absolute;
	top: 2px;
	width: 44px;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div class="div-1-1"><img href="files/prova.jpg" />
scritta1 </div>
			<div class="div-1-2"><img href="files/prova2.jpg" />
scritta2 </div>
			<div class="div-1-3"><img href="files/prova3.jpg" />
scritta3 </div>
			<div class="div-1-4"><img href="files/prova4.jpg" />
scritta4 </div>
		</div>
	</body>
</html>

**freank** · 25-04-2012, 17:02

nel caso io avessi molti div1-1,div1-2,div1-3,ecc.ecc. , non c'è un modo per far si che si mettano uno affianco all'altro ? (invece che uno sotto all'altro)

**carlomarangoni** · 25-04-2012, 17:07

Originariamente inviato da freank
nel caso io avessi molti div1-1,div1-2,div1-3,ecc.ecc. , non c'è un modo per far si che si mettano uno affianco all'altro ? (invece che uno sotto all'altro)

O usi i float o usi i posizionamenti assoluti, a te la scelta

**freank** · 25-04-2012, 17:09

ok Grazie mille!!

Discussione: sostituire tab con div...

Strumenti discussione

Ricerca discussione

Visualizza

sostituire tab con div...

Permessi di invio