Accedi per seguire   
Seguaci 0
spiug

Problema Nell'allunagare Le Immagini

23 messaggi in questa discussione

Stiracchiando una qualsiasi immagine

ES.

<img src="immagini/immagine.gif" width="3" height="100%">

per poterla usare come una linea di divisione mi trovo sorpreso nel vedere che con FireFox viene visualizzata corettamente, mentre la stessa NON viene vista (nemmeno l'iconcina di quando non trova l'immagine) da Internet Explorer!!

Ma è normale?? :):P

...o sono io che ignoro (e quindi sbaglio) qualcosa??

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Internet Explorer pecca in molte cose, sicuramente non gli piace quel height="100%", se ci fai sapere cosa volevi realizzare possiamo trovare una soluzione :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

una semplice barra di divisione che si allungava in base a quanto scritto (e quindi alla lunghezza) della cella che gli stà a fianco...

...infatti ho fatto una tabella con 3 celle (una vuota per distanziarla dal bordo sinistro dove c'è fisso il menù, una con questa linea, e una terza dove c'è il corpo centrale con tutto il discorso)

...una cosa in apparenza banale, ma diventa complicata per colpa dell'idiozia di Explorer <_<

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
una semplice barra di divisione che si allungava in base a quanto scritto

Non fai prima ad inserire un semplice HR, senza nessuna immagine ???

<hr>

Oppure

<hr size="3" width="100%">

Questa (colorata) vale solo per IE

<hr size="3" width="100%" color="#0099ff">

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

...non me la vede lo stesso... :)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Allora se non ho capito male le tre celle sono affiancate e non una sull'altra

allora prova a dare la misura in Pixel

<table border="1" bordercolor="#c0c0c0" cellspacing="5" cellpadding="8" width="0%" height="0%">

<tr>

<td>prima cella</td>

<td><hr size="3" width="175"></td>

<td>terza cella</td>

</tr>

</table>

che però rimane fissa <_< <_< <_< <_<

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Spiug, posta il codice che io non ci ho capito un accidente... :):P:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

<!--corpo-->
<table width="100%">

<tr><a href="italiano.htm#menù"><td width="200"></td></a>

<td><img src="immagini/immagine.gif" width="3" height="100%"></td>

<td width="5"></td>

<td valign="top">
<!--elemento cambiante-->
Bla bla bla bla bla bla.....
<!--fine elemento cambiante-->
</td>

</tr>
</table>

questo sarebbe il codice...c'è una 3°cella in più che ho messo SOLO per far spazio...

...ricordo che pure mettendo hr al posto dell'immagine la linea non compare...

Modificato da Spiug

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

A me la visualizza normalmente (mettendo HR + i pixel)

foto0013zq.jpg

Risultato:

foto0027be.jpg

Vediamo comunque cosa ne pensa Lorenz :) :angel_not:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Concordo con Kuma, il tag <hr> funziona alla grande, riprova ad inserirlo nel codice, non vedo perchè non debba andare.

Comunque:

<tr><a href="italiano.htm#menù"><td width="200"></td></a>

questo non si fa!!! :popò: :popò:

Il tag <a> va messo all'interno della cella, e all'interno del tag metti quello che vuoi linkare. Tralasciando che probabilmente funziona lo stesso, è più corretto e leggibile non linkare un'intera cella di una tabella, ma linkare ciò che sta dentro alla cella.

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Concordo con Kuma, il tag <hr> funziona alla grande, riprova ad inserirlo nel codice, non vedo perchè non debba andare.

Comunque:

<tr><a href="italiano.htm#menù"><td width="200"></td></a>

questo non si fa!!! :popò: :popò:

Il tag <a> va messo all'interno della cella, e all'interno del tag metti quello che vuoi linkare. Tralasciando che probabilmente funziona lo stesso, è più corretto e leggibile non linkare un'intera cella di una tabella, ma linkare ciò che sta dentro alla cella.

:)

Fidati che l'ho fatto apposta, così cliccando nella zona in parte vuota mi riporta in alto all'altezza del menù :wub: (purtroppo funziona solo su Explorer :P )...

...comunque per l'altro discorso non ci siamo capiti... :P ...io la linea la volevo verticale!! ;-) (con hr me la fà orizzontale...quando me la fà <_< )

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
io la linea la volevo verticale!!

:):P:P e dillo subito :P;):(;)

Allora ti lascio in mani più esperte... ma comunque non perdo d'occhio questo post che interessa pure a me :wub:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Inviato (modificato)

Fidati che l'ho fatto apposta, così cliccando nella zona in parte vuota mi riporta in alto all'altezza del menù :wub: (purtroppo funziona solo su Explorer :P )...

Ehm... se lo fai in una zona vuota, oltre a te, chi lo sa che cliccando lì sopra si torna in alto? Consiglio spassionato: immagine con una bella freccetta rivolta verso l'alto, inserita in un tag <a>, e vai tranquillo. E ricordati che se una cosa va in Explorer e non in altri browser, al 99% si tratta di un tuo errore, Explorer non segue gli standard ed è molto di manica larga nell'interpretazione del codice.

...comunque per l'altro discorso non ci siamo capiti... :P ...io la linea la volevo verticale!! ;-) (con hr me la fà orizzontale...quando me la fà <_< )

E come la vuoi la linea verticale? Centrata, allineata a sinistra, allineata a destra? Se la vuoi allineata a destra o sinistra, la cosa è semplice, se la vuoi allineata al centro, si può fare, ma, per quello che è venuto in mente a me, si tratta di una "vaccata" dal punto di vista del codice.

:)

Modificato da Lorenz

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

mi accontento di una semplice linea!! Che sia a destra, centro o sinistra non ha importanza, tanto la inserisco dentro una cella stretta...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Non so se ho capito bene cosa vuoi fare...

Tipo 3 colonne, menu di sinistra, divisore con immagine, e corpo di destra?

Questo è il mio codice che funziona sia con IE che con FF:

<!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=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
		.tabella
		{
			width: 100%;
			border: 1px none #000000;
		}
		.tabella tr
		{
			min-height: 200px;
			height: auto; important;
			height: 200px;
		}
	</style>
</head>

<body>
	<table class="tabella">
		<tr>
			<td width="200px"><a href="italiano.htm#menù"></a></td>
			<td background="img/pixel.jpg" width="5px"></td>
			<td valign="top">
				<!--elemento cambiante-->
				Bla bla bla bla bla bla.....
				<!--fine elemento cambiante-->
			</td>
		</tr>
	</table>
</body>
</html>

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Non so se ho capito bene cosa vuoi fare...

Tipo 3 colonne, menu di sinistra, divisore con immagine, e corpo di destra?

Questo è il mio codice che funziona sia con IE che con FF:

<!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=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
		.tabella
		{
			width: 100%;
			border: 1px none #000000;
		}
		.tabella tr
		{
			min-height: 200px;
			height: auto; important;
			height: 200px;
		}
	</style>
</head>

<body>
	<table class="tabella">
		<tr>
			<td width="200px"><a href="italiano.htm#menù"></a></td>
			<td background="img/pixel.jpg" width="5px"></td>
			<td valign="top">
				<!--elemento cambiante-->
				Bla bla bla bla bla bla.....
				<!--fine elemento cambiante-->
			</td>
		</tr>
	</table>
</body>
</html>

:)

P.S. Concordo in toto con Lorenz. Bisogna rispettare gli standard w3c e non quello che lascia fare Internet Explorer... linkare tutta una tabella è fuori standard e rende il tuo codice a pericolo di incompatibilità...

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Se serve solo una linea invece di usare una tabella, si possono usare due o tre tag <div> affiancati, in cui nel layer che serve si mette la bordatura a sinistra dello spessore desiderato, in questo modo, per quanto testo metti dentro al layer, tanto la linea si allungherà.

:)

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
Non so se ho capito bene cosa vuoi fare...

Tipo 3 colonne, menu di sinistra, divisore con immagine, e corpo di destra?

:)

Si appunto...per immagine mi basta QUALSIASI immagine che setto stretta e lunga (lunga quanto la cella del corpo a destra...

...il fatto è che quella qualsiasi immagine non me la visualizza (solo su Exploer... <_< ), ma visto che all'esame userà sicuramente Explorer voglio essere sicuro che la visualizzino!! (anche se comunque viene bene lo stesso)...

può essere un problema del browser?? (magari solo questa versione?? 6.0.2900.2180 )

Se serve solo una linea invece di usare una tabella, si possono usare due o tre tag <div> affiancati, in cui nel layer che serve si mette la bordatura a sinistra dello spessore desiderato, in questo modo, per quanto testo metti dentro al layer, tanto la linea si allungherà.

:P

si, bene...ma in pratica??

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

P.S. Concordo in toto con Lorenz. Bisogna rispettare gli standard w3c e non quello che lascia fare Internet Explorer... linkare tutta una tabella è fuori standard e rende il tuo codice a pericolo di incompatibilità...

:)

Questa è la versione numero 2:

<!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=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
		.tabella
		{
			width: 100%;
			border: 1px none #000000;
		}
		.tabella tr
		{
			min-height: 200px;
			height: auto; important;
			height: 200px;
		}

		#tdLeft
		{
			border-right: 5px solid #abb9ff;
		}
	</style>
</head>

<body>
	<table class="tabella">
		<tr>
			<td id="tdLeft" width="200px"><a href="italiano.htm#menù"> </a></td>
			<td valign="top">
				<!--elemento cambiante-->
				Bla bla bla bla bla bla.....
				<!--fine elemento cambiante-->
			</td>
		</tr>
	</table>
</body>
</html>

Questa seconda versione manco utilizza un'immagine... solo 2 colonne e setto il bordo della colonna di sinistra a 5px e del colore che voglio...

P.S. Ma l'hai vista la versione precedente che ti ho fatto?

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

<!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=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
		.tabella
		{
			width: 100%;
			border: 1px none #000000;
		}
		.tabella tr
		{
			min-height: 200px;
			height: auto; important;
			height: 200px;
		}

		#tdRight
		{
			border-left: 5px solid #abb9ff;
		}
	</style>
</head>

<body>
	<table class="tabella">
		<tr>
			<td width="200px"><a href="italiano.htm#menù"> </a></td>
			<td id="tdRight" valign="top">
				<!--elemento cambiante-->
				Bla bla bla bla bla bla.....
				<!--fine elemento cambiante-->
			</td>
		</tr>
	</table>
</body>
</html>

Qui il bordo fa parte della colonna di destra e non più di quella di sinistra come da te richiesto :) :why:

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti
  #tdRight  {  border-left: 5px solid #abb9ff;  }

Questa soluzione non è male...non sapevo si potesse prendere in esame solo un pezzo di bordo (quante cose ho da imparare sui css ancora...)...l'unico problemino è che la linea verrebbe un pochettino troppo appiccicate al testo del corpo... :P ...si può fare qualcosa?? :)

ps: ho provato a mettere l'attributo su un'altra cella ma il bordo non accenna a cambiare colore...

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Questa soluzione non è male...non sapevo si potesse prendere in esame solo un pezzo di bordo (quante cose ho da imparare sui css ancora...)...l'unico problemino è che la linea verrebbe un pochettino troppo appiccicate al testo del corpo... :P ...si può fare qualcosa?? :)

ps: ho provato a mettere l'attributo su un'altra cella ma il bordo non accenna a cambiare colore...

Quello stile è un id e fa riferimento esclusibamente all'elemento con quell'id. Se vuoi trasformarlo in classe al posto di # devi usare .

<!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=iso-8859-1" />
	<title>Untitled Document</title>
	<style type="text/css">
		.tabella
		{
			width: 100%;
			border: 1px none #000000;
		}
		.tabella tr
		{
			min-height: 200px;
			height: auto; important;
			height: 200px;
		}

		#tdRight
		{
			border-left: 5px solid #abb9ff;
			padding-left: 25px;
		}
	</style>
</head>

<body>
	<table class="tabella">
		<tr>
			<td width="200px"><a href="italiano.htm#menù"> </a></td>
			<td id="tdRight" valign="top">
				<!--elemento cambiante-->
				Bla bla bla bla bla bla.....
				<!--fine elemento cambiante-->
			</td>
		</tr>
	</table>
</body>
</html>

Questa è la versione con lo spazio dopo la riga ;-) Ho volutamente esagerato :wub:

:P

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Ma è possibile allungare (in questo caso altezza, height) un'immagine tanto quanto una cella?? Che sia funzionante sia su FF che su IE??

Condividi questo messaggio


Link di questo messaggio
Condividi su altri siti

Crea un account o accedi per lasciare un commento

Devi essere un utente registrato per partecipare

Crea un account

Iscriviti per un nuovo account nella nostra community. È facile!


Registra un nuovo account

Accedi

Sei già registrato? Accedi qui.


Accedi Ora
Accedi per seguire   
Seguaci 0