Cella di una Tabella a dimensioni fisse

**markgrav** · 12-05-2011, 00:34

Ciao tutti vi spiego di cosa ho bisogno forse dall'esempio che farò è una cosa molto banale ma proprio per questo nn comprendo se sono io che nn ci arrivo oppure è effetivamente è una cosa che nn si puo ottenere.

Tabella a 2 colonne: nella prima colonna inserisco un'immagine da 300px x 300px e nella seconda colonna del testo

Vorrei FISSARE la posizione della seconda colonna in altezza e larghezza di modo che se la quantità di testo/righe inserire supera i 300px (ovvero la dimensione prefissata) non si allunghi la colonna e quindi non permetta più di proseguire con il testo.

Mi date una mano a trovare una soluzione

Grazie a tutti

**carlomarangoni** · 12-05-2011, 01:40

Non si può fare! La natura delle tabelle è che puoi fissare una larghezza e un'aòtezza alle celle che viene rispettata se il contenuto non abbonda, se invece il contenuto e maggiore in altezza/larghezza la cella si adatta.

Quello che tu vuoi fare lo puoi fare con due div

**markgrav** · 12-05-2011, 08:57

ah ok allora nn sono io che nn ci arrivo.

Ancora meglio probabilmente se si puo fare con i div!

Se non è un fastidio potresti indicare il codice

Grazie

**carlomarangoni** · 12-05-2011, 15:19

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: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 600px;
}

.div-1-1 {
	border: none;
	clear: both;
	float: left;
	height: 300px;
	padding: 0px;
	text-align: left;
	width: 300px;
}

.div-1-2 {
	border: none;
	float: left;
	height: 300px;
	padding: 0px;
	text-align: left;
	width: 300px;
}
div-1, div-1-1, div-1-2 {
            overflow: hidden;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="left" class="div-1-1">Qui immagine</div>
			<div align="left" class="div-1-2">Qui il testo</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>

**markgrav** · 12-05-2011, 15:32

grazie per il codice, l'ho provato, ma se inserisco il testo comunque si allunga in altezza

**carlomarangoni** · 12-05-2011, 16:19

Cera un errore nel codice prova così

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: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 600px;
}

.div-1-1 {
	border: none;
	clear: both;
	float: left;
	height: 300px;
	padding: 0px;
	text-align: left;
	width: 300px;
}

.div-1-2 {
	border: none;
	float: left;
	height: 300px;
	padding: 0px;
	text-align: left;
	width: 300px;
}
.div-1, .div-1-2, .div-1-1 {
	overflow: hidden;
}
</style>
	</head>
	<body>
		<div class="div-1">
			<div align="left" class="div-1-1">Qui immagine</div>
			<div align="left" class="div-1-2">Qui il testo</div>
			<div style="clear: both;"></div>
		</div>
	</body>
</html>

Provato e funziona

Discussione: Cella di una Tabella a dimensioni fisse

Strumenti discussione

Ricerca discussione

Visualizza

Cella di una Tabella a dimensioni fisse

Permessi di invio