PHP|Débutant :: Forums

<div id="menu">
  <dl>
    <dt><a href="#">DEFINITION</a></dt>
    <dd>
          <ul>
                  <li><a href="#">Les humeurs</a></li>                  
                  <li><a href="#">Les troubles anexes</a></li>
           </ul>
      </dd>
     </dl>
  <dl>
    <dt><a href="#">DIAGNOSTIQUE</a></dt>
  <dd>
          <ul>
                  <li><a href="#">BPJ</a></li>
                  <li><a href="#">cyclothymie</a></li>
                    <li><a href="#">Les failles psychologiques</a></li>
                    <li><a href="#">Le borderLine</a></li>
                    <li><a href="#">Des maladies qui ressemblent</a></li>              
      </ul>
      </dd>
     </dl>
<dl>
    <dt><a href="#">AU QUOTIDIEN</a></dt>
    <dd>
          <ul>
                  [b]<li><a href="indexEduc.php?page=QueFaireEnGeneral" >Que faire en général</a></li>[/b]
              <li><a href="#">fiche2</a></li>
          </ul>
    </dd>
     </dl>
</div>
 

body,td,th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  }
body {
  margin-left: 0px;
  margin-top: 0px;
  background-image: url(../Header.png);
  background-repeat: no-repeat;
  background-color: #FBF6F4;
  }
a:link {
  color: #DE313B;
  text-decoration: none;
  }
a:visited {
  color: #DE313B;
  text-decoration: none;
  }
a:hover {
  text-decoration: none;
  font-weight:bold;
  }
a:active {
  text-decoration: none;
  color: #DE313B;
  }
.Style1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.Style4 {
  font-size: 18px;
  color: #E54045;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
}
.Style6 {font-size: 30px; font-weight: bold; }

#conteneur-menu{
  background:#52BC60;
  height:20px;
  position:absolute;
  }

#conteneur-sousmenu{
  background:#BB1A1E;
  height:20px;
  position:absolute;
  }
# conteneur-fiche{
  background:none;
  position:absolute;
  }

#menu {
  position:relative;
  }
#fiche {
  position:relative;
  }

#menu dl{
  width:150px;
  height:20px;
  margin:0; padding:0;
  display:block;
  float:left;
  line-height:20px;
  text-align:center;
  }
#menu dt {
  display:block;
  color:#FFFFFF;
  border-right: dotted 1px #FFFFFF;
  cursor:pointer;
  }
#menu dd{
  margin:0; padding:0;
  background:#790000;
  display:block;
  }
#menu dd ul{
  margin:0; padding:0;
  list-style:none;
  display:block;
  }
#menu dd ul li{
  margin:0; padding:0;
  list-style:none;
  display:block;
  }
#menu dl a:link{
  color: #FFFFFF;
  }
#menu dl a:hover{
  font-weight:bold;
  }
#menu dl a:visited{
  color:#FFFFFF;
  }

#menu dd a:link{
  margin:0; padding:0;
  background:#790000;
  color: #FFFFFF;
  text-decoration: none;
  display:block;
  border-top:dotted 1px #FFFFFF;
  }
#menu dd ul li a:hover{
  margin:0; padding:0;
  color:#FFFFFF;
  background:#990000;
  }

#menu dl dd{
  display:none;
  }
#menu dl:hover dd{
  display:block;
  }