[allineamento html] non centra le tabelle
Ho un piccolo problema...Che non riesco però a risolvere...Il mio sito è basato su una singola tabella, ed è formato da 4 pagine: index.php; inizio.php; fine.php; style.css .
La tabella del sito ha il tag ' align="center" ' ,però non rimane allineata al centro, vi posto qua di seguito le 4 pagine...Potreste dirmi dove ho sbagliato??O se è il mio browser che vede male il sito?
index.php
Codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//IT" "http://www.w3.org/TR/html4/loose.dtd">
<HTML>
<HEAD>
<TITLE>Sito in costruzione</TITLE>
<LINK rel="stylesheet" href="http://tzsolitaryo.altervista.org/style.css" type="text/css">
<SCRIPT>
function cambia(n_ele, addres){
var immagine = new Image();
immagine.src = addres;
document.images[n_ele].src = immagine.src;
}
</SCRIPT>
</HEAD>
<BODY>
<?php
include ("php/inizio.php");
?>
Corpo
</TD>
</TR>
</TABLE>
<?php
include ("php/fine.php");
?>
</BODY>
</HTML>
inizio.php
Codice:
<TABLE align="center" border="1" width="75%" height="100%" cellpadding="0" cellspacing="0">
<!-- INIZIO HEADER --> <TR>
<TD colspan="6" height="180"> <!-- LOGO + COLORE SFONDO --> LOGO + COLORE SFONDO
</TD>
</TR>
<!-- INIZIO MENU NAVIGAZIONE --> <TR width="75%" height="20" class="trbottone">
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/index.php">Home</a>
</TD>
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/bio.php">Biografia</a>
</TD>
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/news.php">News</a>
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/audio.php">Audio</a>
</TD>
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/video.php">Video</a>
</TD>
<TD class="tdbottone">
<a href="http://tzsolitaryo.altervista.org/download.php">Download</a>
</TD>
</TR> <!-- FINE MENU NAVIGAZIONE --><!-- FINE HEADER -->
<!-- INIZIO CORPO --> <TR>
<TD width="75%" height="100%" colspan="6" class="corpo">
fine.php
Codice:
<TABLE border="0" align="center" class="copyright" widt="100%">
<TR>
<TD>
I codici di scrittura e le immagini appartengono a <a href="http://myspace.com/tzsolitaryo" target="_blank">SolitarYo</a>.
<br>Tutti i file messi in free download dai webmaster sono dei rispettivi proprietari, è vietata la copia integrale o marginale del sito e di tutto ciò che contiene.
</TD>
</TR>
</TABLE>
style.css
Codice:
/* LINK */
a { font-weight: bold;
}
a:active { color: #039;
}
a:hover { color: #037;
text-decoration: underline;
}
a:link { color: #039;
}
a:visited { color: #039;
}
/* CORPO */
body { background-image: url("http://tzsolitaryo.altervista.org/immagini/template/sfondo.gif");
background-repeat: repeat-y;
background-position: center;
width: 80%;
background-color: #4e82ce;
margin: 2px 2px 2px 2px;
font-color: #FFF;
font-family: tahoma,arial,sans-serif,helvetica;
}
/* CLASSI E ID */
.copyright { text-align: center;
margin: 300px 0px 0px 0px;
background-color: #2358b8;
}
.corpo { text-align: center;
font-family: tahoma,arial,sans-serif,helvetica;
padding: 3px 3px 3px 3px;
}
img#sfondo { width: 85%;
height: 100%;
}
td { text-align: center;
}
.tdbottone { background-color: #2358b8;
}
.trbottone { text-align: center;
font-family: tahoma,arial,sans-serif,helvetica;
}
Grazie in anticipo a chi risponderà, ciao!
EDIT: Ho notato anche che quando passo col mouse sui link non succede niente mentre il link dovrebbe cambiare colore e diventare sottolineato...Eppure il css non mi pare che abbia errori...Come mai questo errore di lettura allora?
