Salve,
spero di non essere OT.
Vorrei creare una tabella tipo questa, con dentro delle immagini linkabili, ma non so come fare.
Ho cercato anche sulle guide di HTML, ma non riesco a trovare le istruzioni che facciano al caso mio. Se già esiste qualche topic al proposito, che spiega come fare, potete linkarmelo?
E se non esiste, qualcno mi spiega come fare?
Grazie
Carpe diem!
Ti basta una semplice tabella? Quante righe e quante colonne?
La tabella la vorrei come quella dell'immagine che ho linkato: un rettangolo con bordo con dentro tante miniature di foto linkabili. Tipo badge di Flickr, per intendersi, però non solo su una riga, ma a griglia.
Carpe diem!
codice:<!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=utf-8" /> <title>Tabella</title> <style type="text/css"> <!-- .Stile1 { color: #004080; font-size: 18px; } --> </style> </head> <body> <table border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#000000"> <tr> <td align="center" valign="middle" bordercolor="#000000" bgcolor="#33CCFF">Qui metti quello che vuoi</td> </tr> <tr> <td align="center" valign="middle" bordercolor="#000000"><table width="0" border="0" cellspacing="0" cellpadding="5"> <tr> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> </tr> <tr> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> </tr> <tr> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> </tr> <tr> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> </tr> <tr> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> <td align="center" valign="middle">[img]01.jpg[/img]</td> </tr> </table></td> </tr> <tr> <td align="center" valign="middle" bordercolor="#000000" bgcolor="#33CCFF">Qui metti quello che vuoi</td> </tr> </table> <p align="center" class="Stile1">Sostituisci il nome delle immagini "01.jpg" con il nome delle tue immagini.</p> <p align="center" class="Stile1">le immagini hanno tutte un collegamento, sostituisci "#" con il tuo url.</p> </body> </html>
Ciao,Originariamente inviato da Nyneve
Ho cercato anche sulle guide di HTML, ma non riesco a trovare le istruzioni che facciano al caso mio....
Secondo me non hai trovato niente di simile nelle guide html perchè creare una tabella in questo caso è semanticamente scorretto.
A mio parere andrebbe creata una lista di immagini linkabili, pulite nel codice di marcatura ( evita gli stili in-line e le proprietà deprecate da tempo) e gestite a presentazione dai css.
Utilizzerei l'alt dell'immagine in maniera significativa e non troppo prolissa. L'attributo longdesc in questo caso non ti serve (dichiararlo vuoto non ha alcun senso).
--Non aiuto in privato--
Permessi di invio
Rispondi quotando