Bonjour,
J'ai un petit soucis d'alignement de mes menus: comme vous pouvez le voir dans la capture jointe, les 2 1ère cases de chaque "colonne" sont collées...
Je ne parviens pas à la disjoindre, comme les autres.
Je vous joins également les codes html et css.
Quelqu'un a t il une idée?
Merci
J'ai un petit soucis d'alignement de mes menus: comme vous pouvez le voir dans la capture jointe, les 2 1ère cases de chaque "colonne" sont collées...
Je ne parviens pas à la disjoindre, comme les autres.
Je vous joins également les codes html et css.
Quelqu'un a t il une idée?
Merci
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=8859-15" />
<title>TITRE FENETRE</title>
<link rel="stylesheet" href="./css/style.css" type="text/css" />
</head>
<body>
<div id="top">ADMINISTRATION UNIX</div>
<div id="div_menu">
<ul id="Menu">
<li>
<a href="#">Gestion des disques</a>
<ul class="sousMenu">
<li><a href="PDF/Ajout_LUN_SRV_STANDALONE.pdf" target="main">Ajout d'une LUN sur un serveur "Standalone"</a></li>
<li><a href="PDF/Ajout_LUN_SRV_PROD.pdf" target="main">Ajout d'une LUN sur un serveur de PROD (Archi PROD/SPARE)</a></li>
<li><a href="PDF/ajout_LUN_SRV_SPARE.pdf" target="main">Ajout d'une LUN sur un serveur de SPARE (Archi PROD/SPARE)</a></li>
<li><a href="PDF/Procédure_crash_disk_APPEL_SUN.pdf" target="main">Changement d'un disque SCSI suite a un crash, avec Appel SUN (Version "Live")</a></li>
<li><a href="PDF/ChangementDisque.pdf" target="main">Changement d'un disque SCSI suite a un crash (Version Theorie PDF)</a></li>
<li><a href="PDF/ChangementDisqueFC.pdf" target="main">Changement d'un disque FC suite a un crash (Version Theorie PDF)</a></li>
<li><a href="PDF/GROWFS.pdf" target="main">Agrandissement d'un FS via GROWFS (FS UFS)</a></li>
<li><a href="PDF/agrandissement_de_file-system_vxfs.pdf" target="main">Agrandissement d'un FS VXFS</a></li>
</ul>
</li>
<li>
<a href="#">Gestion utilisateurs</a>
<ul class="sousMenu">
<li><a href="PDF/creation_utilisateur_unix.pdf" target="main">Ajout d'un user dans les NIS</a></li>
<li><a href="#">Ajout d'une user dans /etc/passwd</a></li>
<li><a href="PDF/Verifier_quota_user.pdf" target="main">Verification du quota d'un utilisateur</a></li>
</ul>
</li>
<li>
<a href="#">Gestion des applis</a>
<ul class="sousMenu">
<li><a href="PDF/">Installation d'un logiciel par compilation</a></li>
<li><a href="PDF/">Installation d'un logiciel via package</a></li>
</ul>
</li>
<li>
<a href="#">Gestion systeme</a>
<ul class="sousMenu">
<li><a href="PDF/Mirroring_root_disk.pdf" target="main">Mirrorer un disque de boot</a></li>
<li><a href="PDF/Modification_de_Syslogd.pdf" target="main">Modification du syslog</a></li>
<li><a href="PDF/patch.pdf" target="main">Mise a niveau d'un systeme par Patch</a></li>
<li><a href="PDF/Installation des imprimante-HP_Lexmark_4-7.pdf" target="main">Installation d'imprimantes- 4.7</a></li>
<li><a href="PDF/Installation des imprimante-HP_Lexmark_5-5.pdf" target="main">Installation d'imprimantes- 5.5</a></li>
<li><a href="PDF/JUMPSTART_procedure.pdf" target="main">Jumpstart d'un serveur</a></li>
<li><a href="PDF/Ajout_point_de_montage.pdf" target="main">Ajout de point de montage</a></li>
<li><a href="PDF/Copie_de_Creation_de_zone.pdf" target="main">Creation de zone sous Solaris 10</a></li>
</ul>
</li>
<li>
<a href="#">Gestion reseaux</a>
<ul class="sousMenu">
<li><a href="#">Remise en route d'un interface reseau suite a crash IPMP</a></li>
</ul>
</li>
</ul>
</div>
<div id="main"><center></center></div>
<div id="bottom"></div>
</body>
</html>
body {
margin: 0px;
padding: 0px;
//border: 1px solid black;
}
#top {
height: 60px;
margin-left: auto;
margin-right: auto;
border: 0px solid black;
text-align: center;
background-color: #E0E7F0;
}
#div_menu {
height: 27px;
border: 0px solid black;
background-color: #BECBDE;
overflow: visible;
margin: 0px;
padding: 0px;
}
#Menu {
text-align: center;
list-style-type: none;
float: left;
position: absolute;
margin: 0px;
padding: 0px;
}
#Menu li
{
list-style-type: none;
float: left;
margin: 0px;
padding: 0px;
}
#Menu li a:link, #Menu li a:visited
{
display: block;
height: auto;
padding: 3px;
text-decoration: none;
}
#Menu li a:hover
{
background-color: #3E20AE;
color: #FFFFFF;
}
#Menu .sousMenu
{
/*display: none;*/
list-style-type: none;
padding: 1px;
margin: 0px;
border: 0px solid black;
margin: 0px;
}
#Menu .sousMenu li
{
float: none;
background-color: #BECBDE;
padding: 3px;
margin: 0px;
border: 1px solid black;
width: 250px;
}
