Problemi funzionamento css
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à ed eventi di Camisano Vicentino. <br>
La pagina non è collegata nè al Comune di Camisano Vicentino, nè ad altre entità Istituzionali e non ha scopi di lucro. <br>
È stata creata con lo scopo di condividere le attività e gli eventi presenti nel territorio del comune di Camisano Vicentino.
</h3>
<iframe src="https://calendar.google.com/calendar/embed?height=600&wkst=1&bgcolor=%23FFFFFF&src=calendario.eventi.camisano.vi%40gmail.com&color=%2342104A&src=bnql5e3ukkqbcq59nceibbn7us%40group.calendar.google.com&color=%23333333&src=2t4mp7hphjt44pirr37pc1j5j4%40group.calendar.google.com&color=%23B1365F&src=bscp86adm1khc1fqng52air45s%40group.calendar.google.com&color=%23853104&src=25gkvb0jbc9rirc2loi2v8f41k%40group.calendar.google.com&color=%23B1440E&src=lnupvnpoc273ou204rabo8951k%40group.calendar.google.com&color=%232F6309&src=ebpjs8vib8ittnge1doeftnmb0%40group.calendar.google.com&color=%23875509&src=isq98rla1tnduv7ntcp4cbm208%40group.calendar.google.com&color=%23182C57&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> CLICCA SULLA TIPOLOGIA PER VISUALIZZARE SOLO QUEL CALENDARIO</h3></td>
</tr>
<tr><td> <img src="viola.jpg"></td>
<td><h3> <a href="eventi.php">Eventi</a><h3></td>
<td> <img src="grigio.jpg"> </td>
<td><h3> <a href="altro.php">Eventi Altro</a> </h3></td>
<td> <img src="rosa.jpg"</td>
<td><h3> <a href="bimbiFamiglia.php">Eventi Bimbi/Famiglia</a> </h3></td>
<td> <img src="arancio.jpg"</td>
<td><h3> <a href="ciboBevande.php">Eventi Cibo/Bevande</a> </h3></td>
</tr>
<tr>
<td> <img src="rosso.jpg"</td>
<td><h3> <a href="musicaArte.php">Eventi Musica/Arte</a> </h3></td>
<td> <img src="verde.jpg"</td>
<td><h3> <a href="natura.php">Eventi Natura</a> </h3></td>
<td> <img src="giallo.jpg"</td>
<td><h3> <a href="saluteSociali.php">Eventi Salute/Sociali</a> </h3></td>
<td> <img src="blu.jpg"</td>
<td><h3> <a href="sportivi.php">Eventi Sportivi</a> </h3></td>
</tr>
<tr>
<td colspan="4"><h3> Orario non definito / Durata più giorni</h3></td>
<td colspan="4"><h3> Orario definito</h3></td>
</tr>
<tr>
<td colspan="4"><h3> <img src="evidenziato.jpg" </h3></td>
<td colspan="4"><h3> <img src="nonevidenziato.jpg" </h3></td>
</tr>
<tr>
<td colspan="8"><h3> <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 :)
