Salve, sto cercando di costruire un sito web, utilizzando solo codice html e css, con IE nessun problema ma, quando provo ad aprire il sito con google chrome alcuni comandi dati con il css non riesco a vederli qualcuno mi potrebbe aiutare il sito è pubblicato questo è l'url http://www.ashmorepalms.altervista.org
imuif
Nella tua pagina ci sono 21 errori e 18 warning sull'html: Validatore W3C
Nel CSS ce ne sono 26:
Validatore CSS W3C
Correggi i problemi e vedrai che va tutto a posto.
anche corretti gli errori continua a non funzionare
imuif
sicuro di aver caricato sul sito la pagina corretta e il css ?
ho rifatto la validazione e ho sempre il risultato di prima...
riprova ora
imuif
qualcosa è cambiato, per le meno nel css (anche se ci sono comunque segnalazioni di errore...).
Per l'html usa il 4.01 transitional che è un pò più permissivo del XHTML Strict che hai scelto.
A parte questo: che editor utilizzi ?codice:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Vedendo gli errori sul CSS sembra che siano salvati con un encoding strano...
In ogni caso la validazione la puoi fare anche tu prima di caricare le pagine così da avere la certezza che siano prive di errori "formali".
Purtroppo i browser sono molto sensibili a queste cose e bastano degli errori sintattici nel markup per aver un output imprevedibile...
continua a non funzionare forse facendo così facciamo prima
questo il codice della pagina html dell'index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Ashmore Palms Camping Village</title>
<link rel="stylesheet" type="text/css" href="stile.css" />
</head>
<body>
<div id="corpo">
<div id="intestazione">
<center>
[img]images/titolo.jpg[/img]
</center>
</div>
<div id="nav">
<ul id="navigation">[*]Home[*]Servizi[*]Listino prezzi[/list]
</div>
<div id="centro">
<CENTER><TABLE width="359" BORDER=0 style="WIDTh: 359px; HEIGHT: 204px">
<tr>
<td colspan="2" style="width: 50%; text-align: center">
[img]images\foto1.jpg[/img]</td>
<td style="width: 50%; text-align: justify" colspan="2" valign="top">
<span class="Testo">
Il Camping Villaggio Ashmore Palms si trova sul lungomare di Numana,
nei pressi di Marcelli e Sirolo, nel cuore della Riviera e del Parco del Conero.
Consta di una vasta zona bungalow e da una zona campeggio..
A disposizione della clientela c'è la bellissima spiaggia riservata e, all'interno del villaggio,
un'ampia zona divertimento oltre al centro commerciale, dotato di bar, ristorante e pizzeria
</span></td>
</tr>
<tr>
<td style="width: 25%; text-align: center">
[img]images\camping.jpg[/img]</td>
<td style="width: 25%; text-align: center">
[img]images\village.jpg[/img]</td>
<td style="width: 50%; text-align: center" rowspan="2" colspan="2">
[img]images/animazione02.jpg[/img]</td>
</tr>
<tr>
<td style="width: 25%; text-align: center">
[img]images/aereaspiaggia.jpg[/img]</td>
<td style="width: 25%; text-align: center">
[img]images/villaggio01.jpg[/img]</td>
</tr>
<tr>
<td style="width: 25%; text-align: center">
[img]images/animazione08.jpg[/img]</td>
<td style="width: 25%; text-align: center">
[img]images/villaggio05.jpg[/img]</td>
<td style="width: 25%; text-align: center">
[img]images/villaggio03.jpg[/img]</td>
<td style="width: 25%; text-align: center">
[img]images/foto8.jpg[/img]</td>
</tr>
</Table>
</CENTER>
</div>
<div id="link">
<CENTER> <img src ="images/pdf_icon.jpg" alt="immagine non trovata">
<img src ="images/email.gif" alt="immagine non trovata">
<img src ="images/facebook.png" alt="immagine non trovata"></CENTER>
</div>
<div id="footer">
Copyright by Alessandro Fiumicelli
linguaggio di programmazione usato Html e CSS</p>
</div>
</div>
</body>
</html>
e questo quello del css:
body {
margin : 0;
background : url(images/sfondo.jpg);
}
#corpo {
background-color : white;
width : 80%;
height : 96%;
margin : 0;
border-width : 0;
border-style : none;
padding : 0;
}
#corpo p {
font-size : 90%;
text-align : center;
color : blue;
font-family : cursive;
}
#intestazione {
background-color : white;
text-align : center;
width : 100%;
height : 5%;
float : left;
margin : 0;
border-width : 0;
border-bottom-width : 0;
border-style : none;
}
#intestazione img {
width : 40%;
}
nav {
background-color : white;
width : 100%;
height : 5%;
float : left;
margin : 0;
border-width : 0;
border-bottom-width : 0;
border-style : none;
}
#navigation {
text-align : center;
}
#navigation li {
display : inline;
}
#navigation a {
display : inline;
height : 60%;
line-height : 100%;
text-decoration : none;
background-color : blue;
color : yellow;
}
#navigation a:hover {
background-color : orange;
color : white;
}
#centro {
background-color : white;
width : 100%;
height : 80%;
float : left;
margin : 0;
border-width : 0;
border-width : 0;
}
#link {
background-color : white;
width : 100%;
height : 7%;
float : left;
margin : 0;
border-width : 0;
border-bottom-width : 0;
border-style : none;
padding : 0;
}
#link img {
width : 15%;
}
#footer {
background-color : white;
width : 100%;
height : 2%;
float : left;
margin : 0;
border-width : 0;
border-bottom-width : 0;
border-style : none;
}
#footer p {
font-size : 60%;
color : black;
}
imuif
come editor utilizzo un semplice notepad
imuif
Grazie per il codice ma lo vedevo già col mio browser
Mi serve sapere:
1) che editor utilizzi per scrivere le pagine (ci deve essere qualche problema in come salvi i file)
2) che tu metta il doctype che ti ho detto al posto di quello che hai
Dopo rifai la validazione (basta che modifichi le pagine, le carichi online e clicchi sui link della mia prima risposta) e vediamo se migliora qualcosa!
Prima di tutto grazie mille dell'aiuto che mi stai offrendo, poi ho inserito il doctype che mi hai fornito, l'editor che uso è il blocco note di microsoft e lo salvo come documento con estensione html
imuif
Permessi di invio
Rispondi quotando