Punto informatico Network
Login Esegui login | Non sei registrato? Iscriviti ora (è gratuito!)
Username: Password:
  • Annuncio Pubblicitario

Inserire un'immagine in una cella

Cerchi consigli per migliorare il tuo sito? Vuoi aprire un sito in poco tempo?
Discuti con altri webmaster, chiedi chiarimenti ed opinioni in tutta libertà.
Lo spam verrà cancellato.

Inserire un'immagine in una cella

Messaggioda Gainder » sab ago 14, 2004 1:59 pm

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?
Avatar utente
Gainder
Aficionado
Aficionado
 
Messaggi: 146
Iscritto il: sab mag 31, 2003 1:54 pm
Località: Campania

Messaggioda Bocca » sab ago 14, 2004 4:33 pm

Lo stai facendo in HTML o con qualche linguaggio dinamico (ASP,PHP)??
Avatar utente
Bocca
Silver Member
Silver Member
 
Messaggi: 1637
Iscritto il: lun ago 05, 2002 9:36 am
Località: Ferrara

Messaggioda JUAN » sab ago 14, 2004 5:24 pm

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
[std]
Avatar utente
JUAN
Aficionado
Aficionado
 
Messaggi: 99
Iscritto il: ven mar 26, 2004 12:49 am
Località: Campania


Messaggioda Gainder » sab ago 14, 2004 7:11 pm

<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
[std]
<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.
Avatar utente
Gainder
Aficionado
Aficionado
 
Messaggi: 146
Iscritto il: sab mag 31, 2003 1:54 pm
Località: Campania

Messaggioda sonep » lun ago 16, 2004 8:31 pm

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%>
Avatar utente
sonep
Silver Member
Silver Member
 
Messaggi: 1017
Iscritto il: dom mag 11, 2003 5:18 pm
Località: Basilicata

Messaggioda Gainder » mer ago 18, 2004 11:24 am

<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.
Avatar utente
Gainder
Aficionado
Aficionado
 
Messaggi: 146
Iscritto il: sab mag 31, 2003 1:54 pm
Località: Campania


Torna a Sviluppo Web

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

Powered by phpBB © 2002, 2005, 2007, 2008 phpBB Group
Traduzione Italiana phpBB.it

megalab.it: testata telematica quotidiana registrata al Tribunale di Cosenza n. 22/09 del 13.08.2009, editore Master New Media S.r.l.; © Copyright 2008 Master New Media S.r.l. a socio unico - P.I. 02947530784. GRUPPO EDIZIONI MASTER Spa Tutti i diritti sono riservati. Per la pubblicità: Master Advertising