mi date una mano( inserire icona e desccrizione sotto)

[e-com]

un saluto a tutti

dovrei inserire alcune icone in home page aventi sotto una piccola descrizione, due parole non di piu'.

riesco ad inserire le icone centrate ,ma non sono capace di inserire sotto ad ognuna
la descrizione. mi date una mano? Grazie

[J-MK]

Ciao, ci sono tanti modi di farlo, qualcuno corretto, altri meno.

Se non sei molto pratico, la situazione più semplice è sicuramente creare una tabella, dove mettere img e descrizioni nelle varie cella, in modo che risultino l'uno sotto l'altro senza problemi.

Un altra soluzione potrebbe quella di mettere un alt="descrizioneimg" nel tag img, in modo che quando lasci il puntatore sull'img ti viene fuori la descrizione.

Altrimenti, puoi farlo usando i posizionamenti dei .css, questo è il metodo più corretto ma anche quello più difficile, per fare una cosa simile è il caso che ti studi i .css prima, c'è una guida molto valida qui su html.it

[e-com]

Grazie per avermi dedicato del tempo

ti posto un esempio di codice : una icona e descrizione tramite puntatore come dicevi tu.

pero' in questa riga dovrei farci stare anche una descrizione ,del testo ,due parole,proprio sotto l'icona .

pensi sia possibile?

per avere testo sotto l'icona? grazie ragazzi

[J-MK]

Allora, per fare quello che dici tu, devi creare un paragrafo sotto l'img in cui mettere il testo e fino a qui, niente di nuovo. Il problema sta nell'impaginazione, cioè come dire al browser di visualizzare quello che vuoi. Come ti dicevo se non sei pratico e non vuoi studiare i css, perchè stai facendo un sito amatoriale, la cosa migliore è usare una tabella, dove farai due celle. In quella sopra metti l'immagine e in quella sotto la descrizione.
Qui (e nelle lezioni successive) viene spiegato come creare una tabella e come gestirla:
http://xhtml.html.it/guide/lezione/1...ttura-di-base/

Un ulteriore piccolo consiglio, nei tag <a href> e <img> usa le minuscole, se vedi i tag che hai postato, le hai messe maiuscole.

[e-com]

ho fato come mi hai consigliato .
in pratica è una vetrina che si apre al centro del sito in home page
con tutti i link .

pero' cosi' come è i link non sono centrati , mi puoi aiutare a pulire e sistemare il codice?

Grazie

<P align=right>
<FONT size=3></FONT></P>
<DIV align=right>
<TABLE style="PAGE-BREAK-BEFORE: always; WIDTH: 643px; HEIGHT: 80px" 
cellSpacing=0 cellPadding=4 width=643 align=center border=0>
<COLGROUP>
<COL width=157>
<COL width=160>
<TBODY>
<TR>
<TD width=157>
<P align=right> 
 <A href="http://www.NOME.it/"><FONT 
color=#336699>TESTO TESTO</FONT></A></P></TD>
<TD width=160>
<P align=right><FONT color=#336699>    
</FONT><A href="http://www.NOME.it/"><FONT 
color=#336699>LIBRI</FONT></A></P></TD></TR>
<TR>
<TD width=157>
<P align=right><FONT 
color=#336699>   
</FONT><A href="http://www.NOME.it/"><FONT 
color=#336699>RIVISTE</FONT></A></P></TD>
<TD width=160>
<P align=right><FONT color=#336699> 
  </FONT><A 
href="http://www.NOME.it/"><FONT 
color=#336699>BARZELLETTE</FONT></A></P></TD></TR>
<TR>
<TD width=157>
<P align=right><FONT color=#336699></FONT><FONT color=#336699>PROVERBI</FONT></P></TD>
<TD width=160>
<P align=right><FONT color=#336699></FONT><A 
href="http://www.NOME.it/"><FONT color=#336699>FOTO 

DIGITALI</FONT></A></P></TD></TR></TBODY></TABLE></DIV>
<P align=right>
<TABLE style="WIDTH: 664px; HEIGHT: 54px" cellSpacing=0 cellPadding=4 width=664 
border=0>
<COLGROUP><FONT color=#336699>
<COL width=157>
<COL width=160></FONT>
<TBODY>
<TR vAlign=top>
<TD align=middle width=157>
<P align=center><FONT 
color=#336699>&n

bsp;</FONT><FONT color=#336699>VIDEO</FONT></P></TD>
<TD width=160>
<P align=center><FONT 
color=#336699> 
  </FONT><A href="http://www.NOME.it/"><FONT 
color=#336699>RICETTE</FONT></A></P></TD></TR>
<TR vAlign=top>
<TD width=157>
<P align=center><FONT color=#336699></FONT><A 
href="http://www.NOME.it/"><FONT 
color=#336699>ILLUSIONI OTTICHE</FONT></A></P></TD>
<TD width=160>
<P align=center><FONT 
color=#336699> 
  </FONT><A 
href="http://www.NOME.it/"><FONT 
color=#336699>SITI PREFERITI</FONT></A></P></TD></TR></TBODY></TABLE></P>
<P align=right>
<TABLE style="WIDTH: 663px; HEIGHT: 80px" cellSpacing=0 cellPadding=4 width=663 
border=0>
<COLGROUP><FONT color=#336699>
<COL width=157>
<COL width=161></FONT>
<TBODY>
<TR vAlign=top>
<TD width=157>
<P align=center><FONT color=#336699></FONT><FONT color=#336699>TETSO TESTO</FONT></P></TD>
<TD width=161>
<P align=center><FONT 
color=#336699> 
</FONT><A href="http://www.NOME.it/"><FONT color=#336699>TESTO TESTO 
</FONT></A></P></TD></TR>
<TR vAlign=top>
<TD width=157>
<P align=center><FONT 
color=#336699>  
</FONT><FONT color=#336699>TESTO TESTO</FONT></P></TD>
<TD width=161>
<P align=center><FONT 
color=#336699> 
</FONT><FONT color=#336699>TESTO TESTO</FONT></P></TD></TR>
<TR vAlign=top>
<TD width=157>
<P align=center><FONT 
color=#336699></FONT><A 
href="http://www.NOME.it/"><FONT color=#336699>testo 
TESTO TESTO</FONT></A></P></TD>
<TD width=161>
<P align=center><FONT 
color=#336699></FONT><A 
href="http://www.NOME.it/"><FONT color=#336699>TESTO 

TESTO</FONT></A></P></TD></TR></TBODY></TABLE></P>
<DL>
<P align=right><FONT size=3></FONT></P></DL>
<DL>
<P align=right><FONT size=3></FONT></P></DL>
<DL>
<P align=right></P></DL>
<DL>
<P align=right></P></DL>
<DL>
<P align=right></P></DL>
<DL>
<P align=right></P></DL>
<DL>
<P align=right></P></DL>
<DL>
<P align=right></P></DL>
<P align=right>

</P>