PDA

View Full Version : Problemi tabelle in html

boysna
06-05-2006, 15:00
Salve ragazzi. Qualcuno mi puo spiegare perchè questo codice non funziona a dovere?


<html><head><title>Home Page leggero83</title>
<link rel="stylesheet" type="text/css" href="stili.css"></head>

<body background="lblue005.jpg" leftmargin="0" topmargin="0>
<EMBED SRC="questaelamiavita.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">

<table width="1000" cellpadding=0>
<tr><td valign=top align=center><p class=titolo>Sezione ARCHIVI</titolo><br>
<p class =sottotitolo>lista di dischi musicali,film e tanto altro</sottotitolo>

<tr><td><hr align="center" width=75% color=blue></td></tr></table>

<table cellpadding=0><tr><td><a class="briciole" href="index.html">Home</a> > <a class="briciole" href="archivi.html">Archivi</a></td></tr></table>

<table border=1>
<tr>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="news.html">News</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="download.html">Download</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="archivi.html">Archivi</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="inter.html">Inter</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="chat.html">Chat</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="foto.html">Foto</a></td>
</tr></table><br>

<table width="1000">
<tr><td><a class="link_testo" href="elenco_cd.html">Guarda l'elenco di dischi musicali</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="cd_ultimiarrivi.html">Ultimi arrivi</a></td></tr>

<tr><td height="100" width="100"><a href="red_hot.html"><img src="stadium_arcadium.jpg"></a></td>
<td height="100" width="100"><a href="red_hot.html"><img src="buoniocattivilive.jpg"></a></td>
<td height="100" width="100"><a href="red_hot.html"><img src="buoniocattivilive.jpg"></a></td> </tr></table>

<table width="1000">
<tr><td><a class="link_testo" href="elenco_film.html">Guarda l'elenco dei film</a></td></tr>
</table>

</body>

</html>


Dovrebbe risultare un tr lungo tutta la pagina con dentro il link "Ultimi arrivi" e sotto un tr con tre td lunghi 100 e alti 100 ma questi td, invece, vengono visualizzati tutti e tre con lunghezza pari a 1/3 della pagina.
Invece il tr col link "Ultimi arrivi" risulta essere lungo quanto il primo td sotto di esso.

Vi do anche il css per maggiori informazioni:


.titolo { color:#ff00ff;
font-family:comic sans ms;
font-size:35;


}

.sottotitolo { color:#ff00ff;
font-family:comic sans ms;
font-size:20;


}


a:link { color: white;
text-decoration: none;
font-family: comic sans ms;
}

a:visited { color:white;
text-decoration: none;
font-family: comic sans ms;
}

a:hover { color: blue;
text-decoration: none;
font-family: comic sans ms;
font-size: 20;
}


a.briciole:link {color:blue; text-decoration: underline;font-family: times new roman; font-size:15;}

a.briciole:visited {color:blue;text-decoration: underline;font-family: times new roman;font-size:15;}

a.briciole:hover {color:blue;text-decoration: underline;font-family: times new roman;font-size:15;}


a.link_testo:link {color:blue; text-decoration: none;font-family: times new roman; font-size:18;}

a.link_testo:visited {color:blue;text-decoration: none;font-family: times new roman;font-size:18;}

a.link_testo:hover {color:blue;text-decoration: none;font-family: times new roman;font-size:18;}


Grazie a chi risponde.

Ciao ciao.
boysna
06-05-2006, 15:43
In piu non capisco perchè non parte la musica. Se metto il tag EMBED nel corpo parte ma dopo alcuni secondi si blocca.
boysna
07-05-2006, 18:24
up
dany84
11-05-2006, 11:53
Salve ragazzi. Qualcuno mi puo spiegare perchè questo codice non funziona a dovere?

...


Dovrebbe risultare un tr lungo tutta la pagina con dentro il link "Ultimi arrivi" e sotto un tr con tre td lunghi 100 e alti 100 ma questi td, invece, vengono visualizzati tutti e tre con lunghezza pari a 1/3 della pagina.
Invece il tr col link "Ultimi arrivi" risulta essere lungo quanto il primo td sotto di esso.



Ciao,
prova a modificare così la riga degli utlimi arrivi:

<tr><td align=center border=1 colspan=3><a class="link_testo" href="cd_ultimiarrivi.html">Ultimi arrivi</a></td></tr>

Serve per far diventare la tua riga lunga tre colonne, invece che lunga una colonna sola ;)
boysna
15-05-2006, 10:42
Non va. Non sono proprio riuscito a sistemare. L'unico modo è stato quello di creare nuove tabelle per ogni nuova riga. Il codice che ho usato è questo:

<html><head><title>Archivi di leggero83</title>
<link rel="stylesheet" type="text/css" href="stili.css"></head>

<body background="lblue005.jpg" leftmargin="0" topmargin="0>

<EMBED SRC="questaelamiavita.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">

<table width="1000">
<EMBED SRC="questaelamiavita.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">
<tr><td align=center> <p class=titolo>Sezione ARCHIVI</titolo><br></td></tr>
<tr><td align=center> <p class =sottotitolo>lista di tutto il mio materiale multimediale</td></tr>

<tr><td><hr align="center" width=75% color=blue></td></tr></table>

<table cellpadding=0><tr><td><a class="briciole" href="index.html">Home</a> > <a class="briciole" href="archivi.html">Archivi</a></td></tr></table>

<table border=1>
<tr>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="news.html">News</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="download.html">Download</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="archivi.html">Archivi</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="inter.html">Inter</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="chat.html">Chat</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="foto.html">Foto</a></td>
</tr></table><br>



<table width="1000">
<tr><td><a class="link_testo" href="elenco_cd.html">Guarda l'elenco di dischi musicali</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="cd_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="redhot"><img src="stadium_arcadium.jpg" width=145 height=145></a><br>
<a class="briciole" href="redhot.html">Red Hot Chili Peppers</a><br>
<a class="briciole" href="redhot.html">Stadium Arcadium</a> </td>

<td height="100" width="100" align="center"><a href="simone.html"><img src="sessogioiarock.jpg" width=145 height=145></a><br>
<a class="briciole" href="simone.html">Simone</a><br>
<a class="briciole" href="simone.html">Sesso,gioia e Rock 'n' Roll</a> </td></td>

<td height="100" width="100" align="center"><a href="vasco.html"><img src="buoniocattivilive.jpg" width=145 height=145></a> <br>
<a class="briciole" href="vasco.html">Vasco Rossi</a><br>
<a class="briciole" href="vasco.html">Buoni o Cattivi Live Anthology 04/05</a></td>

<td height="100" width="100" align="center"><a href="stones.html"><img src="abiggerbang.jpg" width=145 height=145></a> <br>
<a class="briciole" href="stones.html">Rolling Stones</a><br>
<a class="briciole" href="stones.html">A Bigger Bang</a></td></table>


<br><table width="1000">
<tr><td><a class="link_testo" href="elenco_film.html">Guarda l'elenco dei film</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="film_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="dirtydancing.html"><img src="dirtydancing.jpg" width=145 height=145></a><br>
<a class="briciole" href="dirtydancing.html">Dirty Dancing</a><br></td>

<td height="100" width="100" align="center"><a href="finaldestination.html"><img src="finaldestination.jpg" width=145 height=145></a><br>
<a class="briciole" href="finaldestination.html">Final Destination</a><br></td>

<td height="100" width="100" align="center"><a href="iosperiamochemelacavo.html"><img src="iosperiamochemelacavopiccola.JPG" width=145 height=145></a> <br>
<a class="briciole" href="iosperiamochemelacavo.html">Io... Speriamo che me la cavo</a><br></td>

<td height="100" width="100" align="center"><a href="latigreelaneve.html"><img src="latigreelanevepiccola.JPG" width=145 height=145></a> <br>
<a class="briciole" href="latigreelaneve.html">La Tigre E La Neve</a><br> </td></table>


<br<br><table width="1000">
<tr><td><a class="link_testo" href="elenco_dvdvari.html">Guarda l'elenco di DVD di vario genere</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="dvd_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="bulletinabible.html"><img src="bulletinabible.jpg" width=145 height=145></a><br>
<a class="briciole" href="bulletinabible.html">Green Day - Bullet In A Bible</a><br></td>

<td height="100" width="100" align="center"><a href="tracksdvd.html"><img src="tracksdvd.jpg" width=145 height=145></a><br>
<a class="briciole" href="tracksdvd.html">Vasco Rossi - Tracks</a><br></td>

<td height="100" width="100" align="center"><a href="campovolo.html"><img src="campovolo.jpg" width=145 height=145></a> <br>
<a class="briciole" href="campovolo.html">Ligabue-Campovolo - 10 Settembre 05</a><br></td>

<td height="100" width="100" align="center"><a href="useyourillusion.html"><img src="useyourillusion.jpg" width=145 height=145></a> <br>
<a class="briciole" href="useyourillusion.html">Guns 'n' Roses - Use Your Illusion</a><br> </td></table>
</body></html>


Questa pagina in Mozilla FireFox è visualizzata bene mentre in Internet Explorer viene male. COme mai? Vorrei aggiustarla per renderla visualizzabili anche con quest'ultimo browser.

Grazie.
dany84
15-05-2006, 14:00
Non va. Non sono proprio riuscito a sistemare. L'unico modo è stato quello di creare nuove tabelle per ogni nuova riga. Il codice che ho usato è questo:

<html><head><title>Archivi di leggero83</title>
<link rel="stylesheet" type="text/css" href="stili.css"></head>

<body background="lblue005.jpg" leftmargin="0" topmargin="0>

<EMBED SRC="questaelamiavita.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">

<table width="1000">
<EMBED SRC="questaelamiavita.mp3" AUTOSTART=true LOOP=true VOLUME="80" WIDTH="0" HEIGHT="0">
<tr><td align=center> <p class=titolo>Sezione ARCHIVI</titolo><br></td></tr>
<tr><td align=center> <p class =sottotitolo>lista di tutto il mio materiale multimediale</td></tr>

<tr><td><hr align="center" width=75% color=blue></td></tr></table>

<table cellpadding=0><tr><td><a class="briciole" href="index.html">Home</a> > <a class="briciole" href="archivi.html">Archivi</a></td></tr></table>

<table border=1>
<tr>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="news.html">News</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="download.html">Download</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="archivi.html">Archivi</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="inter.html">Inter</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="chat.html">Chat</a></td>
<td bgcolor="#FF00FF" width=100 height=35 align=center><a href="foto.html">Foto</a></td>
</tr></table><br>



<table width="1000">
<tr><td><a class="link_testo" href="elenco_cd.html">Guarda l'elenco di dischi musicali</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="cd_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="redhot"><img src="stadium_arcadium.jpg" width=145 height=145></a><br>
<a class="briciole" href="redhot.html">Red Hot Chili Peppers</a><br>
<a class="briciole" href="redhot.html">Stadium Arcadium</a> </td>

<td height="100" width="100" align="center"><a href="simone.html"><img src="sessogioiarock.jpg" width=145 height=145></a><br>
<a class="briciole" href="simone.html">Simone</a><br>
<a class="briciole" href="simone.html">Sesso,gioia e Rock 'n' Roll</a> </td></td>

<td height="100" width="100" align="center"><a href="vasco.html"><img src="buoniocattivilive.jpg" width=145 height=145></a> <br>
<a class="briciole" href="vasco.html">Vasco Rossi</a><br>
<a class="briciole" href="vasco.html">Buoni o Cattivi Live Anthology 04/05</a></td>

<td height="100" width="100" align="center"><a href="stones.html"><img src="abiggerbang.jpg" width=145 height=145></a> <br>
<a class="briciole" href="stones.html">Rolling Stones</a><br>
<a class="briciole" href="stones.html">A Bigger Bang</a></td></table>


<br><table width="1000">
<tr><td><a class="link_testo" href="elenco_film.html">Guarda l'elenco dei film</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="film_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="dirtydancing.html"><img src="dirtydancing.jpg" width=145 height=145></a><br>
<a class="briciole" href="dirtydancing.html">Dirty Dancing</a><br></td>

<td height="100" width="100" align="center"><a href="finaldestination.html"><img src="finaldestination.jpg" width=145 height=145></a><br>
<a class="briciole" href="finaldestination.html">Final Destination</a><br></td>

<td height="100" width="100" align="center"><a href="iosperiamochemelacavo.html"><img src="iosperiamochemelacavopiccola.JPG" width=145 height=145></a> <br>
<a class="briciole" href="iosperiamochemelacavo.html">Io... Speriamo che me la cavo</a><br></td>

<td height="100" width="100" align="center"><a href="latigreelaneve.html"><img src="latigreelanevepiccola.JPG" width=145 height=145></a> <br>
<a class="briciole" href="latigreelaneve.html">La Tigre E La Neve</a><br> </td></table>


<br<br><table width="1000">
<tr><td><a class="link_testo" href="elenco_dvdvari.html">Guarda l'elenco di DVD di vario genere</a></td></tr></table>

<table width="1000" border=1>
<tr><td align=center border=1><a class="link_testo" href="dvd_ultimiarrivi.html">Ultimi arrivi</a></td></tr></table>

<table width="1000" border=1>
<tr><td width="100" height="100" align="center"><a href="bulletinabible.html"><img src="bulletinabible.jpg" width=145 height=145></a><br>
<a class="briciole" href="bulletinabible.html">Green Day - Bullet In A Bible</a><br></td>

<td height="100" width="100" align="center"><a href="tracksdvd.html"><img src="tracksdvd.jpg" width=145 height=145></a><br>
<a class="briciole" href="tracksdvd.html">Vasco Rossi - Tracks</a><br></td>

<td height="100" width="100" align="center"><a href="campovolo.html"><img src="campovolo.jpg" width=145 height=145></a> <br>
<a class="briciole" href="campovolo.html">Ligabue-Campovolo - 10 Settembre 05</a><br></td>

<td height="100" width="100" align="center"><a href="useyourillusion.html"><img src="useyourillusion.jpg" width=145 height=145></a> <br>
<a class="briciole" href="useyourillusion.html">Guns 'n' Roses - Use Your Illusion</a><br> </td></table>
</body></html>


Questa pagina in Mozilla FireFox è visualizzata bene mentre in Internet Explorer viene male. COme mai? Vorrei aggiustarla per renderla visualizzabili anche con quest'ultimo browser.

Grazie.


Mah... mi sembra strano che non funzionasse col colspan...
Un consiglio prima di tutto comunque, la larghezza delle tabelle non metterla fissa a 1000 se non un utente che ha come risoluzione 800*600, la vede più grande della pagina del browser e deve scorrerla, quindi o la metti al "100%" così si adatta a tutti i browser e di conseguenza la larghezza delle colonne al "25%" se sono 4 per esempio, oppure mettila a 800 così puoi mettere larghezza fissa alle colonne ed è visibile da tutti senza problemi.
Per l'allineamento delle immagini non funziona in IE perchè hai settato la larghezza e l'altezza della colonna a 100, mentre le immagini sono a 145, quindi in teoria non dovrebbero neanche entrarci, ti conviene mettere meno colonne per riga e settare la larghezza diversamente (in modo che sia più larga dell'immagine e del testo sotto almeno).
Per l'allineamento verticale invece, basta mettere "valign=top" come attributo di ogni TD e sei a posto. ;)

P.S. per il valign, "top" è in alto, se vuoi centrare tutto è "middle" se no in basso è "bottom"
boysna
16-05-2006, 11:03
Bellissimo!!!

Mettendo le percentuali si trova sia con Internet Explorer che con FireFox. Ottimo.
Grazie mille. Non ho neanche aggiustato le dimensioni delle immagini rispetto alla cella dove sono e va tutto ok.

Grazie mille.