Inserire un'immagine in una cella

[Gainder]

Ho da poco iniziato la costruzione del mio sito web, ma mi trovo difronte ad un problemino:
quando tento di inserire un'immagine in una cella di dimensioni più piccole dell'immagine, quest'ultima si ridimensiona in base alle dimensioni dell'immagine anche se specifico tramite l'attributo width le dimensioni della cella. Mi spiego con un esempio:

<table width="100%" border="1" height="40%">
<tr>
<td width="15%"><img src="immagine11.jpg"></td> (x l'immagine:http://www.zanezane.net/public/upload/immagine11.jpg)
<td width="70%"><br></td>
<td width="15%"><br></td>
</tr>
</table>
<table width="100%" border="1" height="40%">
<tr>
<td width="15%"><br></td>
<td width="70%"><br></td>
<td width="15%"><br></td>
</tr>
</table>

Visto la differenza con l'inserimento dell'immagine!
Io vorrei che l'immagine si ridimensionasse automaticamente in base alle dimensioni della cella e non viceversa, questo perché vorrei far visualizzare correttamente il mio sito sia a 1024x768 che a 800x600. E possibile farlo?

[Bocca]

Lo stai facendo in HTML o con qualche linguaggio dinamico (ASP,PHP)??

[JUAN]

Se usi Microsoft Front Page, puoi cliccare sull'immagine con il tasto destro e poi cliccare su proprietà dell'immagine e poi su aspetto, qui avrai la possibilità di modificare le dimensioni.
Più semplicemente, puoi ottenere lo stesso risultato, trascinando i bordi dell'immagine (gli spigoli per mantenere le proporzioni) direttamente sul foglio di lavoro.
Però ti consiglio di dimensionare l'immagine con un programma di grafica, prima di inserirlo nella pagina web.

Ciao Juan

[Gainder]

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">citazione:<hr height="1" noshade id="quote"><i>Messaggio inserito da Bocca</i>
<br />Lo stai facendo in HTML o con qualche linguaggio dinamico (ASP,PHP)??
<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">
Lo sto facendo in HTML usando solo il Blocco Note di windows.
<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">citazione:<hr height="1" noshade id="quote"><i>Messaggio inserito da JUAN</i>
<br />Se usi Microsoft Front Page, puoi cliccare sull'immagine con il tasto destro e poi cliccare su proprietà dell'immagine e poi su aspetto, qui avrai la possibilità di modificare le dimensioni.
Più semplicemente, puoi ottenere lo stesso risultato, trascinando i bordi dell'immagine (gli spigoli per mantenere le proporzioni) direttamente sul foglio di lavoro.
Però ti consiglio di dimensionare l'immagine con un programma di grafica, prima di inserirlo nella pagina web.

Ciao Juan

<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">
Forse mi sono spiegato male. Il problema è che se lavoro ad una risoluzione di 1024x768 ed inserisco l'immagine dimensionata x questa risoluzione, naturalmente non ho problemi. Ma se porto la visualizzazione della pagina così creata a 800x600 la cella che contiene l'immagine si allarga inesorabilmente rovinando tutto.
Mentre se lavoro ad 800x600 ed inserisco l'immagine dimensionata x quest'ultima risoluzione quando visualizzo la pagina a 1024x768 ho una perdita di qualità dell'immagine.
Forse l'unica soluzione è lavorare a 800x600 ed accettare un leggera perdita di qualità quando si passa a 1024x768 in cambio di avere una corretta visualizzazione in entramebe le risoluzioni.

Però se si potesse "dire" all'immagine di rimpicciolirsi in base allo spazio della cella quando si passa a 800x600 credo che avrei un'elevata qualità dell'immagine in entramebe le risoluzioni.

[sonep]

certo che tu...intuito zero!!!!
scusa come fai per rendere le celle della tabella dinamiche?!
allo stesso modo fai con le immagini

<img src="ciaociaociao.jpg" height=10% width=50%>

[Gainder]

<blockquote id="quote"><font size="1" face="Verdana, Arial, Helvetica" id="quote">citazione:<hr height="1" noshade id="quote"><i>Messaggio inserito da sonep</i>
<br />certo che tu...intuito zero!!!!
scusa come fai per rendere le celle della tabella dinamiche?!
allo stesso modo fai con le immagini

<img src="ciaociaociao.jpg" height=10% width=50%>
<hr height="1" noshade id="quote"></blockquote id="quote"></font id="quote">
Mi sa che neanche tu hai capito il problema! In questo mnodo l'immagine occupa solo una parte della cella ed io voglio che la occupi tutta!
comunque questo è il codice incriminato:
<font size="1"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Tag e attributi dell'HTML 4.01</title>
</head>

<body text="#ffffff" topmargin="0" leftmargin="0">

<table width="100%" height="30%" bgcolor="#000000" border="1" bordercolorlight="#00ff66" bordercolordark="#0000cc" cellpadding="0" cellspacing="0">
<tr height="80%">
<td width="15%"><img src="immagine_140x126.jpg" width="100%" height="100%"><br></td>
<td width="70%"><img src="titolo_700x126.jpg" width="100%" height="100%"><br></td>
<td width="15%"><img src="immagine_140x126.jpg" width="100%" height="100%"><br></td>
</tr>
<tr height="20%">
<td colspan="3"><br></td>
</tr>
</table>

<table width="100%" height="70%" bgcolor="#000000" border="1" frame="below" bordercolorlight="#00ff66" bordercolordark="#0000cc" cellpadding="0" cellspacing="0">
<tr>
<td width="15%" bgcolor="#000000" background="sfondo2_150x300.jpg" valign="top"><br></td>
<!- COLONNA PRINCIPALE -!>
<td width="70%" bgvolor="#ffffff" background="sfondo_700x400.jpg" valign="top"><br></td>
<!- FINE COLONNA PRINCIPALE -!>
<td width="15%" bgcolor="#000000" background="sfondo2_150x300.jpg"><br></td>
</tr>
</table>

</body>
</html></font id="size1">
Ora se qualcuno ha la pazienza, dovrebbe creare delle immagini con le dimensioni indicate. A questo punto visualizzate la pagina a 1024x768 e poi a 800x600 e noterete subito il problema di visualizzazione.