allineare le immagini

**Arglebargle** · 10-10-2008, 15:29

Ho questo 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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<table border='1' height='100'>
<tr>
<td height='100%'>
<table height='100%' border='1'>
<tr><td height='34'>[img]Top.jpg[/img]</td></tr>
</table>
</td>
<td>

.
.
.

</td>
</tr>
</table>

</body>
</html>

corrispondente ad una tabella contenente due celle di cui la prima con un'immagine inserita.
Vorrei che l'immagine riempisse in altezza tutta la cella se l'altra cella si allunga (Ad esempio se l'immagine è alta 100px e l'altra cella contiene testo per 200px vorrei che l'immagine si adattasse automaticamente).
Ora questo bellissimo codice funziona in firefox perfettamente ma non con explorer 7 (e col 6 non voglio neanche vedere).
Qualcuno ha avuto lo stesso problema e sa come uscirne. A me lo fa solo se tolgo l'intestazione di doctype ma poi non funzionano piu i css.

**pat7331** · 10-10-2008, 16:15

Qui hai una tabella con due celle di cui la prima contiene una tabella con una cella che a sua volta contiene un'immagine. Non come dici tu una tabella con due celle e basta. Inoltre non hai scritto le unità di misura.
Se dai all'immagine un'altezza del 100% e una lunghezza del 100%, si adatterà alle dimensioni della cella.

**Arglebargle** · 10-10-2008, 16:35

chiedo venia ho sbagliato a copiaincollare. Il codice va bene comunque anche così c'è solo una tabella di mezzo che si deve adattare anch'essa.
l'immagine ha l'altezza al 100% ma non si allunga lo stesso. ma solo in explorer ...
dimenticavo. se inserisco nella tabella o nella cella l'altezza esempio di 100 l'altezza si adatta a 100 ma dal momento in cui la seconda cella supera in altezza 100 l'immagine rimane sempre a 100

**pat7331** · 10-10-2008, 16:46

Al td che contiene l'immagine hai dato una misura di 34 quindi non può adattarsi.
Ti posto del codice, l'immagine (semplicissima, fatta con pixia) è grande 50X50px.

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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
	<table border="1" height="200px" width="200px">
		<tr>
			<td height="100%">[img]img.png[/img]
			</td>
			<td>
			

			.
			.
			.
			

			</td>
		</tr>
	</table>
</body>
</html>

Nonostante sia più piccola della cella l'immagine di adatta anche su IE(7).

**Arglebargle** · 10-10-2008, 16:50

visto che sono un po cane ad esprimermi risposto il codice:
ripeto: in firefox va mentre in explorer no. l'immagine e la cella non s'adattano all'altezza definita dalla cella a fianco ed anche se togliessi la tabella e mettessi direttamente l'immagine avrei lo stesso problema..

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento senza titolo</title>
</head>
<body>
<table border='1' height='100'>
<tr>
<td height='100%'>
<table height='100%' border='1'>
<tr><td height='100%'>[img]Top.jpg[/img]</td></tr>
</table>
</td>
<td>
asdasdassdasasasdas

asdasd
</td>
</tr>
</table>

</body>
</html>

**Arglebargle** · 10-10-2008, 16:52

ups ho postato dopo. non funziona il codice che m'hai dato perchè in explorer 7 l'immagine fa il 100% dei 200 pixel espressi sopra e non va oltre. Quindi se la cella numero due supera i 200px l'immagine rimane a 200px fregandomi ...

**pat7331** · 10-10-2008, 17:13

ok scusami, adesso ho capito, ci penso...

**pat7331** · 10-10-2008, 17:16

trovato! se imposti l'altezza della tabella al 100%, l'immagine si adatta sempre.

**Arglebargle** · 10-10-2008, 17:29

mmh vero funziona. ora però ho un altro problema.
grazie a te ho capito che non mi faceva il cambiamento perchè erano impostate le dimensioni width fisse. mi servirebbe però che l'immagine si deformasse. cioè poter mettere una width fissa ad es: width='22' con height='100%' invece il malvagio explorer 7 non ama tali deformazioni e tiene fede alla più piccola delle due misure (in questo caso width='22'). Firefox lo fa ed anche explorer se tolgo l'intestazione dell'xhtml però vorrei trovare una soluzione piu elegante ed usabile

**pat7331** · 10-10-2008, 17:49

già... ho fatto qualche tentativo ma non trovo la soluzione. Ho provato a mettere la tabella all'interno di un div con dimensioni fisse e l'immagine si adatta con IE, ma non è la soluzione giusta...
ci penso... :master:

Discussione: allineare le immagini

Strumenti discussione

Ricerca discussione

Visualizza

allineare le immagini

Permessi di invio