PDA

View Full Version : Posizionamento Testo/immagine


the_al
19-09-2002, 21:10
Come faccio a mettere il testo a mezz'altezza di un'immagine che e' poszionata vicino? :D

Cosi come' il testo appare all'altezza del margine sotto dell'immgaine

Codice HTML


<tr align="center">
<td><br><font face="tahoma" size="2"><b>Seleziona l'immagine</b></font><img src="foto.jpg" width="133" height="340"></td>
<td><br><font face="tahoma" size="2">Foto</font></td>
</tr>

Kugel
20-09-2002, 01:46
dividi la riga [ <tr></tr> ] in 3 celle [ <td></td> ]
poi metti:
nella prima cella il primo testo
nella seconda cella l'immagine
nella terza cella l'ultimo testo

<table>
<tr>
<td><font face="tahoma" size="2"><b>Seleziona l'immagine</b></font></td>
<td><img src="foto.jpg" width="133" height="340"></td>
<td><font face="tahoma" size="2">Foto</font></td>
</tr>
</table>

Come mai hai messo quei <br> nelle righe dei <td> ?

:hello:

the_al
20-09-2002, 18:20
Originally posted by Kugel
dividi la riga [ <tr></tr> ] in 3 celle [ <td></td> ]
poi metti:
nella prima cella il primo testo
nella seconda cella l'immagine
nella terza cella l'ultimo testo


Come mai hai messo quei <br> nelle righe dei <td> ?



Grazie :D

Volevo fare in modo che ci sia dello spazio ... ho forse sbagliato? :)

thelyn
20-09-2002, 19:35
ragazzi, x tutti i tipi di impaginazioni si usano le tabelle!

Kugel
20-09-2002, 20:16
Già che stai usando una tabella [ <table><tr><td></td></tr></table> ]
Allora tanto vale che la sfrutti :)

Il tag <table> ha un'opzione chiamata cellspacing
Assegna in pixel lo spazio che deve esserci tra una cella [i <td></td> ] e l'altra.

Se ad esempio vuoi che il testo stia a 20 pixel dal bordo della foto ...
allora metti:
<table cellspacing="20">
<tr>
<td><font face="tahoma" size="2"><b>Seleziona l'immagine</b></font></td>
<td><img src="foto.jpg" width="133" height="340"></td>
<td><font face="tahoma" size="2">Foto</font></td>
</tr>
</table>

E cmq in ogni caso, se vuoi "spaziare" non usi il tag <br> (che genera un interruzione di riga ... detta brutalmante: un "a capo" ),
ma il carattere speciale
& n b s p ;
L'ho messo con tutte le lettere spaziate perché il browser altrimenti lo intepreta e ci mette lo spazio :awk:
Va scritto tutto attaccato :D chiamato carattere di Non-breaking Space.
I caratteri speciali sono quelle combinazioni di lettere precedute dal carattere & e chiuse dal carattere ; che vengono interpretate in maniera particolare dal browser.

Nel caso del carattere che ti ho detto:
Crea uno spazio per ogni carattere inserito, a differenza dello spazio fatto con la barra spaziatrice.
Infatti in html se usi lo spazio normale dando 2 .. 3 .. 4 spazi di fila ...
alla fine l'otput a monitor é identico a che se lo avessi premuto una volta sola :awk:
Inoltre, questo carattere speciale "lega" le parole che spazia e impedisce che si vada a capo tra una parole e l'altra.

Se invece per "spaziare" intendevi in senso verticale ... allora il metodo migliore é mettere più di una riga e usare il rowspan.
Ma questa é tutta un'altra storia :awk:

Spero di esserti stato utile ;)

Per altre info ... siam sempre qui :D

:hello:

the_al
20-09-2002, 20:53
Originally posted by Kugel
<table cellspacing="20">
<tr>
<td><font face="tahoma" size="2"><b>Seleziona l'immagine</b></font></td>
<td><img src="foto.jpg" width="133" height="340"></td>
<td><font face="tahoma" size="2">Foto</font></td>
</tr>
</table>



Questo lo conoscevo gia e lo uso anche, ma in questo caso non dava l'effetto desiderato :)

Originally posted by Kugel

& n b s p ;



Anche questo lo conscevo ma pensavo fosse la stessa cosa del <br> :D Vabbe mi metto a cambiare tutte le tabelle :awk:

Comunque ... Grazie ! ;)

the_al
20-09-2002, 20:55
Ah poi la soluzione al mio problemino era l'align="middle" nelle proprieta dell'immagine ^^

Kugel
20-09-2002, 23:18
un'altra solozione poteva essere settare alla tabella un'altezza con la proprietà height="altezza_in_pxl"
Poi all riga e alla cella davi height="100%"

Così poi potevi giostrarti tutto usando la proprietà valign all'interno della cella dell'immagine :)

Poi quando hai finito voglio vedere il risultato del tuo lavoro ... okki ? ;)

the_al
21-09-2002, 10:30
Originally posted by Kugel
Poi quando hai finito voglio vedere il risultato del tuo lavoro ... okki ? ;)

Ricevuto :D