Désolé, mais je ne peux pas vous fournir de page visible car l'appli est en cours de dev. Le pb, c'est que j'ai conseillé firefox à mon client (qui travaillait avec ie). Je suis donc un peu coincé !!!
je vous mets à disposition le source de la page complète et la css :
<!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" lang="fr">
<head>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>Laumonet - Personnel - Récapitulatif agent</title>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico "/>
<link rel="stylesheet" title="Défaut" type="text/css" href="/css/screen.css" media="screen" />
<link rel="stylesheet" title="Défaut" type="text/css" href="/css/print.css" media="print" />
<script type="text/javascript" src="/js/fonctions.js"></script>
</head>
<body onload="Chargement();">
<h1 onmouseover="CacherMenus();">Laumonet - Personnel - Récapitulatif agent</h1>
<form action="/agents/index.php?view=admin" method="post" enctype="application/x-www-form-urlencoded" accept-charset="iso-8859-1" onsubmit="return FormSubmit();">
<fieldset onmouseover="CacherMenus();">
<legend>Agents</legend>
<dl>
<dt><label for="agt_Nom">Nom :</label></dt>
<dd>test cbi </dd></dl>
</fieldset>
<fieldset onmouseover="CacherMenus();">
<legend>Historique</legend>
<table border="1" rules="all">
<caption>Grades et qualifications</caption>
<thead>
<tr>
<th>Grade</th><th>Qualification</th><th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>TD</td>
<td>ETAM</td>
<td>2004-01-01</td>
</tr>
</tbody>
</table><br/><table border="1" rules="all">
<caption>Départements</caption>
<thead>
<tr>
<th>Département</th><th>Date</th></tr>
</thead>
<tbody>
<tr>
<td>STRUCTURE</td>
<td>2004-01-01</td>
</tr>
</tbody>
</table><br/><table border="1" rules="all">
<caption>Agences</caption>
<thead>
<tr>
<th>Agence</th>
<th>Date</th>
</tr>
</thead>
<tbody>
<tr>
<td>AGENCE BRIVE</td>
<td>2004-06-20</td>
</tr>
</tbody>
</table></fieldset>
<fieldset onmouseover="CacherMenus();">
<legend>Actions</legend>
<button type="submit" name="ret">Retour</button>
</fieldset>
</form>
<p id="menu1" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu1');">Données de base<span> :</span></a>
</p>
<ol id="ssmenu1" class="ssmenu">
<li><a href="/agences/">Agences</a><span> ;</span></li>
<li><a href="/assurances/">Assurances</a><span> ;</span></li>
<li><a href="/banques/">Banques</a><span> ;</span></li>
<li><a href="/grades/">Catégories</a><span> ;</span></li>
<li><a href="/departements/">Départements</a><span> ;</span></li>
<li><a href="/categories/">Fonctions</a><span> ;</span></li>
<li><a href="/heures_hors_production/">Heures hors production</a><span> ;</span></li>
<li><a href="/clients/">Maîtres d'ouvrage payeurs</a><span> ;</span></li>
<li><a href="/mandataires/">Mandataires</a><span> ;</span></li>
<li><a href="/missions/">Missions</a><span> ;</span></li>
<li><a href="/agents/">Personnel</a><span> ;</span></li>
<li><a href="/phases/">Phases</a><span> ;</span></li>
<li><a href="/qualifications/">Qualifications</a><span> ;</span></li>
<li><a href="/repartitions_type/">Répartitions type</a><span> ;</span></li>
<li><a href="/societes/">Sociétés</a><span> ;</span></li>
<li><a href="/sous-traitants/">Sous-traitants</a><span> ;</span></li>
<li><a href="/taux_horaires/">Taux horaires</a><span> ;</span></li>
<li><a href="/tranches/">Tranches</a><span> ;</span></li>
<li><a href="/tva/">TVA</a><span> ;</span></li>
</ol>
<p id="menu2" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu2');">Devis particuliers<span> :</span></a>
</p>
<ol id="ssmenu2" class="ssmenu">
<li><a href="/devis/">Création</a><span> ;</span></li>
</ol>
<p id="menu3" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu3');">Affaires<span> :</span></a>
</p>
<ol id="ssmenu3" class="ssmenu">
<li><a href="/affaires/">Création</a><span> ;</span></li>
<li><a href="/devis_heures/">Devis d'heures</a><span> ;</span></li>
<li><a href="/fiches_comptable/">Fiche comptable</a><span> ;</span></li>
<li><a href="/suivis/?view=heures">Suivi des heures par affaire</a><span> ;</span></li>
<li><a href="/suivis/?view=temps">Suivi des temps par personne</a><span> ;</span></li>
<li><a href="/repartitions_assurances/">Répartitions assurances</a><span> ;</span></li>
</ol>
<p id="menu4" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu4');">Heures<span> :</span></a>
</p>
<ol id="ssmenu4" class="ssmenu">
<li><a href="/agents_heures/?view=personnel">Saisie d'heures</a><span> ;</span></li>
<li><a href="/recapitulatifs_heures/?view=mensuel">Récapitulatif mensuel par personne</a><span> ;</span></li>
<li><a href="/recapitulatifs_heures/?view=general">Récapitulatif général</a><span> ;</span></li>
<li><a href="/recapitulatifs_heures/?view=annuel">Récapitulatif annuel des heures de production</a><span> ;</span></li>
<li><a href="/agents_heures/?view=admin">Saisie d'heures (administrateur)</a><span> ;</span></li>
</ol>
<p id="menu5" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu5');">Mouvements<span> :</span></a>
</p>
<ol id="ssmenu5" class="ssmenu">
<li><a href="/journaux_production/?view=executes">Saisie des exécutés</a><span> ;</span></li>
<li><a href="/factures/">Saisie des factures</a><span> ;</span></li>
<li><a href="/journaux_production/?view=sousTraitance">Saisie de la sous-traitance</a><span> ;</span></li>
</ol>
<p id="menu6" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu6');">Journaux<span> :</span></a>
</p>
<ol id="ssmenu6" class="ssmenu">
<li><a href="/affaires/?view=recapProduction">Récapitulatif mensuel de production</a><span> ;</span></li>
<li><a href="/affaires/?view=journalExecutes">Journal des exécutés</a><span> ;</span></li>
<li><a href="">Journal de production</a><span> ;</span></li>
<li><a href="/factures/?view=journalFactures">Journal des factures</a><span> ;</span></li>
<li><a href="/factures/?view=journalReglements">Journal des réglements</a><span> ;</span></li>
<li><a href="/factures/?view=journalEncaissements">Récapitulatif de TVA</a><span> ;</span></li>
<li><a href="/factures/?view=encoursFacturation">Encours de facturation</a><span> ;</span></li>
<li><a href="/factures/?view=encoursReglement">Encours de réglements</a><span> ;</span></li>
<li><a href="/affaires/?view=encoursGeneraux">Encours généraux</a><span> ;</span></li>
<li><a href="/tableau_bord/">Tableau de bord général</a><span> ;</span></li>
</ol>
<p id="menu7" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu7');">Listings<span> :</span></a>
</p>
<ol id="ssmenu7" class="ssmenu">
<li><a href="/listings/?view=affaire">Listing des affaires</a><span> ;</span></li>
<li><a href="/listings/?view=commande">Listing des commandes</a><span> ;</span></li>
<li><a href="/listings/?view=sousTraitant">Listing des affaires sous-traitées</a><span> ;</span></li>
<li><a href="">Listing des assurances</a><span> ;</span></li>
</ol>
<p id="menu8" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu8');">Prévisionnel<span> :</span></a>
</p>
<ol id="ssmenu8" class="ssmenu">
<li><a href="/previsionnels/?view=objectifs">Saisie des objectifs</a><span> ;</span></li>
<li><a href="/previsionnels/?view=previsionnel">Saisie du prévisionnel</a><span> ;</span></li>
<li><a href="">Planning mensuel</a><span> ;</span></li>
<li><a href="">Planning semestriel</a><span> ;</span></li>
</ol>
<p id="menu9" class="menu">
<a href="#" onmouseover="CacherMenus();" onclick="MontrerMenu('ssmenu9');">Administration<span> :</span></a>
</p>
<ol id="ssmenu9" class="ssmenu">
<li><a href="/profils/">Profils</a><span> ;</span></li>
<li><a href="/utilisateurs/">Utilisateurs</a><span> ;</span></li>
</ol>
</body>
</html>
CSS :
html{
background-color:#74D0F1;
background-image:url("/test/img/tong.png");
background-position: right bottom;
background-repeat:no-repeat;
margin:2.5em 0 0 0;
padding:0;
}
body{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#000;
font-size:75%;
float:none;
}
h1{
background-color:#FFE436;
border:2px solid #E67E30;
color:#333;
font-size:1.5em;
margin:0;
padding:0 1em;
line-height:1.5em;
}
table{
caption-side:top;
}
th, td{
padding:0.2ex;
}
.total, tfoot{
background-color:#E67E30;
font-weight:bold;
}
caption{
font-weight:bold;
font-style:italic;
margin-bottom:0.2ex;
}
tbody{
background-color:#fff;
color:#000;
}
th{
background-color:#666;
color:#fff;
}
fieldset{
background-color:#E0CDA9;
color:#000;
margin:1ex;
padding:1ex;
float:left;
border:2px solid #E67E30;
}
legend{
background-color:#FFE436;
color:#333;
font-weight:bold;
padding:0.2em 1em;
border:2px solid #E67E30;
}
label{
cursor:pointer;
}
/* detection d'erreur */
label{
color:red;
}
dl > dt > label{
color:#000;
}
input, select{
border:2px solid red;
}
form dl > dd > input, form dl > dd > select{
border:2px inset #000;
}
/* */
form dt{
font-weight:bold;
}
form dd{
margin-left:1em;
}
form button{
border-color:#ccc;
border-width:2px;
background-color:#686F8C;
color:#fff;
font-weight:bold;
}
form button[disabled]{
color:#ccc;
}
.menu, .ssmenu {
position:absolute;
margin:0;
padding:0.5ex;
background-color:#686F8C;
font-weight:bold;
color:#fff;
border:0.2em outset #ccc;
}
.menu {
top:-2.7em;
width:10.5em;
height:1.2em;
z-index:2;
}
.ssmenu {
top:-0.5em;
width:11.5em;
z-index:3;
list-style-type:none;
}
.menu span, .ssmenu span {
display:none;
}
.ssmenu li {
border-bottom:1px solid #ccc;
}
.menu a, .ssmenu a {
text-decoration:none;
color:#fff;
display:block;
}
.ssmenu li:hover, .ssmenu a:hover, .ssmenu a:focus {
background-color:#000;
opacity:1;
}
p.erreur{
color:red;
}
Voilà !!! merci par avance.
...
