Appunti di informatica

orizzontale.htm
<html>
 
<head>
  <style type="text/css">
 
ul.mainmenu,  ul.mainmenu ul {
  display: inline;
  border-width: 0 1 1 0;
  border-style: solid;
  border-color: black;
  background-color: SeaGreen ;    
  padding: 0px;
  cursor: default;  
  margin: 0px;        
}
 
ul.mainmenu li {
  background-color: MediumSeaGreen;
  display: inline;
  list-style-type: none;  
  margin: 0px;                
  position: relative;        
  color: white;
}
 
ul.mainmenu > li {
  padding: 1 3;
  margin:0px 5px;
  border-color:#aaa;
  border-style:solid;
  border-width:1px;
  width: 145px;
}
 
ul.mainmenu li:hover {
display: inline;
  background-color: SeaGreen;      
  color: black; 
}
 
ul.mainmenu li > ul {
  display: none;
}
 
ul.mainmenu li > ul li { 
  display: block;  
}
 
ul.mainmenu li:hover > ul { 
      border-width: 0 1 1 0;
  display: block;             
  padding: 0 3;
  position: absolute;
  top: 19px; 
  left: 05px;
}
  </style>
</head>
 
<body>
 
 <ul class="mainmenu">
  <li>Contenuti
    <ul>
      <li>Blog</li>
      <li>Wiki</li>
      <li>Facebook</li>
      <li>Guida</li>
      <li>Mappa del sito</li>
    </ul>
  <li>SoluzioniScuola
    <ul>
      <li>Infrastrutture</li>
      <li>Amministrazione</li>
      <li>Progetti</li>
      <li>Didattica
        <ul>
          <li>SecondariaII</li>
          <li>SecondariaI</li>
          <li>Primaria</li>
        </ul>
      </li>
    </ul>
  </li>
  <li>Azioni
    <ul>
      <li>Domanda</li>
      <li>Partecipa</li>
      <li>Sostieni</li>
      <li>Incontra</li>
    </ul>
  </li>
  <li>Supporto
    <ul>
      <li>Formazione</li>
      <li>Professionisti</li>
      <li>Associazioni</li>
 
      <li>CCOS</li>
    </ul>
  </li>
  <li>Partner
    <ul>
      <li>Scuole</li>
      <li>Enti locali</li>
      <li>Istituzioni</li>
      <li>Imprese</li>
      <li>Finanziatori</li>
      <li></li>
    </ul>
  </li>
 
 </ul>
 
</body>
</html>