Bonsoir,
On m'a conseille de change le mode d¡unite pour les dimensions . chose qui a ete faite: j'ai transforme les dimensions des largeur et des hauteur du corps, menu et pied de la page du px en porcentage (%), le probleme a ete partiellement resolu puisque le corps est devenu affiche cote a cote du menu mais le texte de la partie corps n'est pas centre et deborde la page.
Je me demande comment resoudre ce probleme. pour ceci je vais envoye la configuration du XHTML et du CSS:
code XHTML:
<!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" xml:lang="fr" >
<head>
<title>PREMIER ESSAI</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="intro.css" />
</head>
<body>
<div id="en_tete">
<h2>MISSION DES TECHNICIENS</h2>
</div>
<div id="menu"> <!-- Cadre englobant tous les sous-menus (en bleu marine sur le schéma) -->
<div class="element_menu">
<h3>RADIONAV</h3>
<ul>
<li><a href="INTERRACTIF/radionav/vor.html">VOR</a></li><br/>
<br/>
<li><a href="radionav/ILS MEDV/ils.html">ILS</a></li><br/>
<br/>
<li><a href="radionav/dme.html">DME</a></li>
</ul>
</div>
<div class="element_menu">
<h3>RADIOCOM</h3> <!-- Titre du sous-menu -->
<ul>
<li><a href="radiocom/emetteur.html">EMETTEURS/RECEPTEURS</a></li> <br/>
<br/>
<li><a href="radiocom/chaine radio/chaine.html">CHAINE_RADIO</a></li><br/>
<br/>
<li><a href="radiocom/chargeur.html">CHARGEUR_DE_BATTERIE</a></li><br/>
<br/>
<li><a href="radiocom/onduleur.html">ONDULEUR</a></li><br/>
</ul>
</div>
<div class="element_menu">
<h3>DIVERS</h3> <!-- Titre du sous-menu -->
<ul>
<li><a href="MAINTENANCE/maintenance.html">MAINTENANCE PREVENTIVE</a></li><br/>
<br/>
<li><a href="MAINTENANCE/maintenance.html">MAINTENANCE CORRECTIVE</a></li><br/>
<br/>
<li><a href="INFORMATIQUE/infor.html">INFORMATIQUE</a></li><br/>
<br/>
<li><a href="telephonie/telephn.html">TELEPHONIE</a></li>
</ul>
</div>
</div>
<div id="corps">
<p>
Les techniciens assurent le bon fonctionnement des équipements de la navigation , de communication. En plus de la coordination effectuée
le service de visualisation, service electrique, etc... Ceci est réalisé d'une part, par les contrôles quotidiens effectués de façon régulière suivant
un planning de maintenance préventive préétabli par la direction. d'autre part, par la participation effective
des equipements de la naviagtion durant l'operation de maintenance de controle en vol.<br/>
Le souci des techniciens est donc de garantir un fonctionnement correct des équipements pour assurer
le service qualité souhaités par les compagnies.
</p>
<p>
Le service <strong>"Radionavigation"</strong> assure la maintenance des équipements suivants:<br/>
<dl>
<dt>* pour la <em>"Radionavigation"</em>:</dt>
<br/>
<br/>
<dd><strong>ILS , DME , VOR, RADIOBALISE .</strong></dd>
<br/>
<br/>
<dt>* pour la <em>"Radiocommunication"</em>:</dt>
<br/>
<br/>
<dd><strong>Chaine Radio , Panneau D'état, Enregistreur,Chargeur de batterie, Onduleur.</strong></dd>
</dl>
En plus, les electroniciens de la securite aerienne sont amenes a effectuer une coordination avec le service <em>"RADAR"</em>, et
le service <em>"BALISAGE"</em> pour assurer le bon fonctionnement des équipements liés au <em>"Radar"</em> et au <em>"Balisage"</em>.</p>
</div>
<div id="pied_de_page">
<h3>CREATEUR ET EDITEUR</h3><br/>
MAINTENANCE TECHNIQUE
</div>
</body>
</html>
le code du CSS:
body
{
width: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
background-color: rgb(193,255,255);
}
#en_tete
{
width: 750px;
height: 300px;
margin-top: 6px;
margin-bottom: 6px;
text-align: center;
padding-top: 15px;
margin-left: 220px;
}
/* Le menu */
#menu
{
float: left;
width: 230px;
margin-left: 40px;
margin-top: 3px;
}
.element_menu
{
background-color: rgb(255,210,255);
margin-bottom: 0px;
padding-bottom:5px;
padding-top:10px;
}
/* Quelques effets sur les menus */
.element_menu h3
{
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
border: 2px solid;
}
.element_menu ul
{
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 10px;
}
.element_menu a
{
color: blue;
}
.element_menu a:hover
{
background-color: red;
color: yellow;
}
/* Le corps de la page */
#corps
{
width: 800px;
margin-left: 300px;
margin-bottom: 0px;
padding: 20px;
color: black;
background-color: rgb(210,210,210);
margin-top: 10px;
}
#corps h1
{
color: blue;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}
#corps h2
{
height: 30px;
padding-left: 30px;
color: red;
text-align: left;
text-decoration: underline;
}
#corps h3
{
height: 20px;
width: 400px;
padding-left: 30px;
color: marron;
text-align: left;
text-decoration: underline;
}
p:first-letter
{
float: left;
font-size: 2em;
font-family: Arial, Georgia, "Times New Roman", Times, serif;
font-weight: bold;
margin-right: 5px;
color: blue
}
p
{
text-align: justify;
}
em
{
color: green;
font-weight: bold;
}
#pied_de_page
{
width: 840px;
height: 135px;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
padding-top: 30px;
text-align: center;
color: black;
background-color: lime;
margin-left: 210px;
margin-bottom: 20px;
padding-bottom:20px;
margin-top: 0px;
}
J'espere qu'on cosultera ces deux codes et qu'on me proposera la solution souhaitee
Merci
Modifié par atlass218 (16 Mar 2009 - 13:12)
