Ho un problema con un sito che sto cercando di metter su.
C'è una tabella che per motivi che non riesco a comprendere anzichè andare sotto alle altre si posiziona a fianco
Il sito è qua: http://e.domaindlx.com/hugozone/
Probabilmente si tratta di una cosa stupida, ma sono 3 ore che cerco di trovare la soluzione senza venirne a capo.
Ringrazio anticipatamente coloro che vorranno aiutarmi!
Ragazzi vi prego datemi una mano, sono disperato perchè devo necessariamente risolvere questo problema quanto prima, sto uscendo di testa ma proprio non riesco a capire cosa non và!
hai messo tanto di quel codice sporco che metà basta;
come si fa a vedere l'errore in quella selva di tr, td e table?
non si capisce nulla.
css per la presentazione, no eh ?
ti consiglio di rifare il tutto con i div e con codice di markup pulito.
Floyd
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
prova così:
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> <title>ASIA S.p.A. Cerignola - Smaltimento rifiuti, riciclaggio, disinfestazione e derattizzazione</title> <meta name="Keywords" content="Asia Cerignola, disinfestazione zanzare, derattizzazione, smaltimento rifiuti, riciclaggio" /> <meta name="Description" content="Asia S.p.A. Cerignola - Smaltimento rifiuti, riciclaggio, disinfestazione e derattizzazione" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div align="center" style="background-color:#FFFFFF; width:780px;"> <table width="780" height="124" id="white_table" border="0" cellpadding="0" cellspacing="0"> <tr> <td> [img]images/h01.gif[/img]</td> <td> [img]images/h02.gif[/img]</td> <td> [img]images/h03.gif[/img]</td> <td> [img]images/h04.gif[/img]</td> <td> [img]images/h05.gif[/img]</td> <td colspan="2"> [img]images/h06.gif[/img]</td> </tr> <tr> <td> [img]images/h07.gif[/img]</td> <td> [img]images/h08.gif[/img]</td> <td colspan="4" width="527" height="31" bgcolor="#006DAF"><div style="font-size:13pt; color:#FFFFFF; letter-spacing:0.2em; white-space:nowrap;">Home-Contattaci-Dove siamo-Link</div></td> <td> [img]images/h10.gif[/img]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> </table> <table id="std_table" width="780" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td width="160" style="text-align:left; background-color:#E1E1E1;"> <div style="font: Arial, Helvetica, sans-serif; font-size:1.1em; padding:1px 5px; border:thin dotted; border-color:#006699;">• L'Azienda</div> <ul id="menu"> <li id="menu">» Chi siamo <li id="menu">» Organigramma <li id="menu">» La storia [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.1em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Servizi</div> <ul id="menu"> <li id="menu">» Pulizia strade <li id="menu">» Gestione rifiuti <li id="menu">» Raccolta differenziata <li id="menu">» Disinfestazione <li id="menu">» Rifiuti ingombranti [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.0em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Interventi a pagamento</div> <ul id="menu"> <li id="menu">» Derattizzazione <li id="menu">» Gestione rifiuti <li id="menu">» Sanificazione ambienti <li id="menu">» Rifiuti ingombranti [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.0em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Raccolta differenziata</div> <ul id="menu"> <li id="menu">» Le 5 R <li id="menu">» Il ciclo dei materiali [/list] </td> <td width="20">[img]images/spacer.gif[/img]</td> <td valign="top" align="left"><div> ASIA S.p.A. è un’azienda che si occupa prevalentemente dell’igiene e del decoro urbano della città di Cerignola. Tra le attività svolte dall’azienda vi sono inoltre:</p> <ul type="disc">[*]Raccolta, trattamento e smaltimento dei rifiuti solidi urbani (RSU) [*]Riciclaggio dei materiali recuperabili, come plastica, vetro e carta [*]Decoro urbano (pulizia di strade, cura del verde, cancellazione scritte murarie [*]Disinfestazione e derattizzazione [*]Ritiro rifiuti ingombranti. [/list] </div> <table width="100" border="1" bordercolor="#999999" cellpadding="0" cellspacing="0"> <tr> <td></td> <td>questa tabella dovrebbe stare sotto alle altre DUE!!</td> <td></td> </tr> </table> </td> <td width="20">[img]images/spacer.gif[/img] </td> </tr> </table> </div> </center> </body> </html> <iframe src="http://ads.domaindlx.com/default.htm" width="0" height="0" scrolling="auto" frameborder="0" /> </iframe>
ps: quoto floyd46
ciaux
Ho bisogno di approfondire le conoscenze con i css, ora non sono in grado di farlo.Originariamente inviato da floyd46
hai messo tanto di quel codice sporco che metà basta;
come si fa a vedere l'errore in quella selva di tr, td e table?
non si capisce nulla.
css per la presentazione, no eh ?
ti consiglio di rifare il tutto con i div e con codice di markup pulito.
Floyd
Nel caso ti servisse un'introduzione, spero questa possa risultare piacevole e chiara:
- http://pesanervi.diodati.org/pn/index.asp?a=293
Leading the Web to Its Full Potential...
www.pierofix.it | www.w3.org | www.zeldman.com/externals | http://browsehappy.com | www.alistapart.com | www.webstandards.org | www.flickr.com/photos/pierofix/
Originariamente inviato da firstgear
Ho bisogno di approfondire le conoscenze con i css, ora non sono in grado di farlo.
... si era capito
cmq, hai risolto con la tabella?
ciaux
No non era quello il risultato voluto ma un footer come questo http://e.domaindlx.com/hugozone/firstpage.html che sono riuscito ad ottenere con l'aiuto di Firstpage che però mi ha inserito dei tag che non ho mai visto.Originariamente inviato da webdemo
... si era capito
cmq, hai risolto con la tabella?
ciaux
Tra l'altro funziona solo con internet explorer, firefox non ne vuole sapere!
Sono nei guai!
il link che hai postato si vede esattamente come il tuo primo esempio: con la tabella a destra
prova così: ho messo la tua tabella in fondo
ciauxcodice:<!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> <title>ASIA S.p.A. Cerignola - Smaltimento rifiuti, riciclaggio, disinfestazione e derattizzazione</title> <meta name="Keywords" content="Asia Cerignola, disinfestazione zanzare, derattizzazione, smaltimento rifiuti, riciclaggio" /> <meta name="Description" content="Asia S.p.A. Cerignola - Smaltimento rifiuti, riciclaggio, disinfestazione e derattizzazione" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <center> <div align="center" style="background-color:#FFFFFF; width:780px;"> <table width="780" height="124" id="white_table" border="0" cellpadding="0" cellspacing="0"> <tr> <td> [img]images/h01.gif[/img]</td> <td> [img]images/h02.gif[/img]</td> <td> [img]images/h03.gif[/img]</td> <td> [img]images/h04.gif[/img]</td> <td> [img]images/h05.gif[/img]</td> <td colspan="2"> [img]images/h06.gif[/img]</td> </tr> <tr> <td> [img]images/h07.gif[/img]</td> <td> [img]images/h08.gif[/img]</td> <td colspan="4" width="527" height="31" bgcolor="#006DAF"><div style="font-size:13pt; color:#FFFFFF; letter-spacing:0.2em; white-space:nowrap;">Home-Contattaci-Dove siamo-Link</div></td> <td> [img]images/h10.gif[/img]</td> </tr> <tr> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> <td> [img]images/spacer.gif[/img]</td> </tr> </table> <table id="std_table" width="780" border="0" align="left" cellpadding="0" cellspacing="0"> <tr> <td width="160" style="text-align:left; background-color:#E1E1E1;"> <div style="font: Arial, Helvetica, sans-serif; font-size:1.1em; padding:1px 5px; border:thin dotted; border-color:#006699;">• L'Azienda</div> <ul id="menu"> <li id="menu">» Chi siamo <li id="menu">» Organigramma <li id="menu">» La storia [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.1em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Servizi</div> <ul id="menu"> <li id="menu">» Pulizia strade <li id="menu">» Gestione rifiuti <li id="menu">» Raccolta differenziata <li id="menu">» Disinfestazione <li id="menu">» Rifiuti ingombranti [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.0em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Interventi a pagamento</div> <ul id="menu"> <li id="menu">» Derattizzazione <li id="menu">» Gestione rifiuti <li id="menu">» Sanificazione ambienti <li id="menu">» Rifiuti ingombranti [/list] <div style="font: Arial, Helvetica, sans-serif; font-size:1.0em; padding:1px 5px; border:thin dotted; border-color:#006699;">• Raccolta differenziata</div> <ul id="menu"> <li id="menu">» Le 5 R <li id="menu">» Il ciclo dei materiali [/list] </td> <td width="20">[img]images/spacer.gif[/img]</td> <td valign="top" align="left"><div> ASIA S.p.A. è un’azienda che si occupa prevalentemente dell’igiene e del decoro urbano della città di Cerignola. Tra le attività svolte dall’azienda vi sono inoltre:</p> <ul type="disc">[*]Raccolta, trattamento e smaltimento dei rifiuti solidi urbani (RSU) [*]Riciclaggio dei materiali recuperabili, come plastica, vetro e carta [*]Decoro urbano (pulizia di strade, cura del verde, cancellazione scritte murarie [*]Disinfestazione e derattizzazione [*]Ritiro rifiuti ingombranti. [/list] </div></td> <td width="20">[img]images/spacer.gif[/img]</td> </tr> <tr> <td style="text-align:left; background-color:#E1E1E1;"></td> <td></td> <td valign="top" align="left"> <table width="100" border="1" bordercolor="#999999" cellpadding="0" cellspacing="0"> <tr> <td></td> <td>questa tabella dovrebbe stare sotto alle altre DUE!!</td> <td></td> </tr> </table> </td> <td></td> </tr> </table> </div> </center> </body> </html> <iframe src="http://ads.domaindlx.com/default.htm" width="0" height="0" scrolling="auto" frameborder="0" /> </iframe>
.....Tra l'altro funziona solo con internet explorer, firefox non ne vuole sapere!
Sono nei guai!
<tr>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
<td>[img]images/spacer.gif[/img]</td>
</tr>VVoVe:
scusate ma resto allibito quando leggo questo codice (senza nessunissima mania di grandezza da parte mia, si kiaro) e non ho parole per commentarlo....
per certi versi, mi fa piacere che i browser non interpretano in maniera omogenea una pagina relizzata con le tabelle.
Floyd
"Le persone che realizzano layout con tabelle annidate, spacer gif o che ignorano l'accessibilità non possono più definirsi professionisti." Andy Clarke
--------------------------------
www.extrowebsite.com
Permessi di invio
Rispondi quotando