[CSS]Sito scuola

**21Edoardo96** · 04-10-2013, 23:14

Ciao,
sono un neofita del CSS e sto facendo i primi esercizi a riguardo.
In particolare questo consiste di fare un sito per una scuola.
Io ho fatto la home page e un foglio esterno.CSS

Home Page

codice:

<!doctype html>
<html>
<head>
 <title>Sito della scuola</title>
    <link rel="stylesheet" href="2colonne.css" type="text/css"/>
</head>
<body>
 <div id="titolo">Ultime notizie</div>
 <div id="sinistra">
  <p class="menu"><a href="notizie.html">News</a></p>
  <p class="menu"><a href="orari.html">Orari</a></p>
  <p class="menu"><a href="docenti.html">Docenti</a></p>
  <p class="menu"><a href="pof.html">POF</a></p>
 </div>
 <div id="contenuto">
  <h2>Gara di nuoto</h2>
  <p class="notizia">Giovedi' 12 Marzo alle ore 10:00 si svolgeranno le gare di nuoto d'Istituto presso la piscina comunale. <br/> I primi 3 classificati passano alle fasi regionali.
  </p>
  <h2>Conferenza per le classi quinte</h2>
  <p class="notizia">Martedi' 2 Aprile alle ore 9:00 nell'aula magna incontro con il prof. Bianchi sul tema "Le nuove tecnologie del web". Alla conferenza parteciperano le classi 5A, 5B e 5C.
  </p>
 </div>
 <div id="footer">
  <p>Scrivi a <a href="mailto:webmaster@sitoscuola.it">Webmaster</a></p>
 </div>
</body>
</html>

File esterno .CSS

codice:

H2 
{
  font: bold 114% Arial, sans-serif;
  color: #006699;
}
#titolo 
{
  height: 60px;
  font: bold 150% Arial, sans-serif;
  color: #FFFFFF;
  background-color:FF6600;
}
#sinistra
{
  position: absolute;
  width: 20%;
  left: 0px;
  top: 80px;
  background-color:#FFFFFF;
}
.menu
{
  text-align: right;
  font-size: 110%;
}
#contenuto
{
  color: #000000;
  background-color: #FFFFFF;
  margin-right: 20%;
  margin-top: 0px;
  margin-left: 25%;
  margin-bottom: 0px;
}
.notizia
{
  font-size:80%;
}
#fotter
{
  height: 30px;
  font: bold 114% Arial, sans-serif;
  text-align: center;
  color:#FFFFFF;
  background-color: #FF6600;
}
#footer a:link, #footer a:visited
{
  color: #FFFFFF;
}

Il problema è che non mi appaiono a monitor né la prima riga, quella con scritto "Ultime Notizie", né l'ultima quella "Scrivi a webmaster" ne i rispettivi colori di sfondo.

Grazie in anticipo a chiunque parteciperà

**partime** · 05-10-2013, 00:05

Innanzitutto nel foglio di stile sostituisci quel fotter con footer.
Ma a cosa stavi pensando quando l'hai scritto?

In questo modo dovresti vedere la scritta "Scrivi a webmaster" (ma non è meglio "Scrivi al webmaster"?)

Poi, sempre nel foglio di stile: nella regola per l'ID #titolo manca un cancelletto (#) davanti al valore esadecimale del colore di sfondo, che quindi deve diventare #FF6600.

**21Edoardo96** · 05-10-2013, 16:17

Ok,
ho apportato le modifiche che mi hai detto e adesso funziona bene.

**partime** · 05-10-2013, 16:26

Prego, non c'è di che.

**21Edoardo96** · 05-10-2013, 16:57

Volevo chiederti una cosa in più, secondo te come è come editor RJ TextEd

Discussione: [CSS]Sito scuola

Strumenti discussione

Ricerca discussione

Visualizza

Hybrid View

[CSS]Sito scuola

Permessi di invio