Problemi funzionamento css

08-06-2016, 16.20.45

Buongiorno, sul mio sito non funzionano i css.

Ho creato il sito usando xamp e brackets e sull'anteprima il css funziona, una volta caricato su altervista sembra quasi non veda il file css, posto css + index

main.css

Codice:

img {
    -webkit-animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    animation: colorize 2s cubic-bezier(0, 0, .78, .36) 1;
    background: transparent;
    border: 10px solid rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    margin: auto;
}

table {
    text-align: center
}

a:link {
    color: white;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: black;
    text-decoration: none;
}

/* mouse over link */
a:hover {
    color: grey;
    text-decoration: none;
}

/* selected link */
a:active {
    color: black;
    text-decoration: none;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 13px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: black;
    
}



body {
padding:0;
text-align:center;
background: black;
}

#header {
    width: 820px;
      height: 117;
    color: #545454;
    background: black;
      background-image: url(header.jpg);
    margin: auto;
     display:block;
     text-indent:-9999px;
}

#main {
    width: 820px;
    height: auto;
    color: #545454;
    background: #F2FA1B;
    margin: auto;
}

#footer {
    width: 820px;
    height: 25px;
    color: #545454;
    background: black;
    background-image: url(footer.jpg);
    margin: auto;
}

img {
    border: none;
}

table {
    
}

index.php

Codice:

<html>
    <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>
    <head>
        
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″>
    <title>CALENDARIO EVENTI CAMISANO VICENTINO</title>
    <link rel="stylesheet" type="text/css" href="main.css">
        
    </head>
    
    <body>
    
                                                <!--inizio header-->
        <div id="container">
                                                    <!--inizio header-->
            <div id="header">
              <h1>
                    Calendario Eventi - Camisano Vicentino
                </h1>
            </div>
                                                    <!--fine header-->
            
                                                    <!--inizio main-->
            <div id="main">  
             <br>
                <h3>
                    Pagina nata per condividere un calendario eventi sempre a portata di mano ed accessibile a tutti, <br>
                    relativo alle attivit&agrave; ed eventi di Camisano Vicentino. <br>
                    La pagina non &egrave; collegata n&egrave; al Comune di Camisano Vicentino, n&egrave; ad altre entit&agrave; Istituzionali e non ha scopi di lucro. <br>
                    &Egrave; stata creata con lo scopo di condividere le attivit&agrave; e gli eventi presenti nel territorio del comune di Camisano Vicentino.
                </h3>
 
              
                <iframe src="https://calendar.google.com/calendar/embed?height=600&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=calendario.eventi.camisano.vi%40gmail.com&amp;color=%2342104A&amp;src=bnql5e3ukkqbcq59nceibbn7us%40group.calendar.google.com&amp;color=%23333333&amp;src=2t4mp7hphjt44pirr37pc1j5j4%40group.calendar.google.com&amp;color=%23B1365F&amp;src=bscp86adm1khc1fqng52air45s%40group.calendar.google.com&amp;color=%23853104&amp;src=25gkvb0jbc9rirc2loi2v8f41k%40group.calendar.google.com&amp;color=%23B1440E&amp;src=lnupvnpoc273ou204rabo8951k%40group.calendar.google.com&amp;color=%232F6309&amp;src=ebpjs8vib8ittnge1doeftnmb0%40group.calendar.google.com&amp;color=%23875509&amp;src=isq98rla1tnduv7ntcp4cbm208%40group.calendar.google.com&amp;color=%23182C57&amp;ctz=Europe%2FRome" style="border-width:0" width="800" height="600" frameborder="0" scrolling="no"></iframe>
              <br>
          
                <table border = "0" width="820px" >
	<tbody>
         <tr>
            <td colspan="8"><h3>&nbsp;CLICCA SULLA TIPOLOGIA PER VISUALIZZARE SOLO QUEL CALENDARIO</h3></td>
        </tr>
 
		<tr><td> &nbsp; <img src="viola.jpg"></td>
			<td><h3> <a href="eventi.php">Eventi</a><h3></td>
            <td>&nbsp; <img src="grigio.jpg"> </td>
			<td><h3> <a href="altro.php">Eventi Altro</a>  </h3></td>
            <td>&nbsp; <img src="rosa.jpg"</td>
			<td><h3> <a href="bimbiFamiglia.php">Eventi Bimbi/Famiglia</a> </h3></td>
			<td>&nbsp; <img src="arancio.jpg"</td>
            <td><h3> <a href="ciboBevande.php">Eventi Cibo/Bevande</a> </h3></td>
		</tr>
		<tr>
            <td>&nbsp; <img src="rosso.jpg"</td>
			<td><h3> <a href="musicaArte.php">Eventi Musica/Arte</a> </h3></td>
            <td>&nbsp; <img src="verde.jpg"</td>
			<td><h3> <a href="natura.php">Eventi Natura</a>  </h3></td>
            <td>&nbsp; <img src="giallo.jpg"</td>
			<td><h3> <a href="saluteSociali.php">Eventi Salute/Sociali</a> </h3></td>
			<td>&nbsp; <img src="blu.jpg"</td>
            <td><h3> <a href="sportivi.php">Eventi Sportivi</a> </h3></td>
		</tr>
        <tr>
			<td colspan="4"><h3>&nbsp;Orario non definito / Durata pi&ugrave; giorni</h3></td>
			<td colspan="4"><h3>&nbsp;Orario definito</h3></td>
		</tr>
		<tr>
			<td colspan="4"><h3>&nbsp;<img src="evidenziato.jpg" </h3></td>
			<td colspan="4"><h3>&nbsp;<img src="nonevidenziato.jpg" </h3></td>
		</tr>
        <tr>
            <td colspan="8"><h3>&nbsp;<a href="index.php">RITORNA AL CALENDARIO COMPLETO</a></h3></td>
        </tr>
	</tbody>
</table>
          
        
            </div>
                                                    <!--fine main-->
            
                                                    <!--inizio footer-->
            <div id="footer">
          
            </div>
                                                    <!--fine footer-->
        </div>    
                                                <!--fine container-->
        
    </body>
    
</html>

Grazie in anticipo :)