Bonsoir koala et merci pour ta réponse qui je te l'avoue
ne me rassure pas
Tu sais pourquoi ? ben parce que je ne métrise pas très bien les tableaux avec les liens pour naviguer a l'intérieur
En fait, je triche puisque je crée avec l'aide de FrontPage et j'adore les cadres et jusqu'à présent je n'avais jamais eu de blems mais là, c sur avec CSS et cie ben chui larguée
Ben si tu es très patient, je serais heureuse de recevoir des leçons de ta part
sinon laisse bétom parce que je comprends très vite mais il faut m'expliquer longtemps.
Sinon je vais quand même coller ci-dessous ce que j'ai mis dans mon cadre, p'tete ben qu'il y a juste un truc a rajouter et "miracle" ça morche !!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:99;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #cccc00;
border: 0px solid gray;
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align: left;
background: #ccff99;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ffcc00;
}
a {text-decoration: none;
color: black;
color: #222;
}
</style>
<meta name="Microsoft Theme" content="none">
<base target="bas">
</head>
<body style="background-color: #CCFF99">
<div id="menu" style="position: absolute; left: 0px; top: 0px; width: 851px; height: 47516px" align="center">
<dl>
<div style="text-align: left">
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</div>
</dl>
<dl>
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu1');">La Réunion</dt>
</div>
<dd id="smenu1">
<ul>
<li><a href="#">Arts, Culture, Littérature, Musique</a></li>
<li><a href="#">Emploi, Formation, Education, Enseignement</a></li>
<li><a href="#">Enfants, Ados</a></li>
<li><a href="#">Fleurs</a></li>
<li><a href="#">Informations, Services</a></li>
<li><a href="#">Jeux, Divertissement, Loisirs</a></li>
<li><a href="#">Notre île, 24 communes</a></li>
<li><a href="#">Régional</a></li>
<li><a href="#">Société & Style de vie</a></li>
<li><a href="#">Sports</a></li>
<li><a href="#">Voyage, Tourisme, Vacances</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu2');">Les Commerçants</dt>
</div>
<dd id="smenu2">
<ul>
<li><a href="#">Artisanat, Cadeaux</a></li>
<li><a href="#">Automobile, Transport</a></li>
<li><a href="#">Boutiques, Shopping, Beauté, Mode</a></li>
<li><a href="#">Enfants, Ados</a></li>
<li><a href="#">Fleurs</a></li>
<li><a href="#">Animaleries</a></li>
<li><a href="#">Gastronomie, Restaurant, Pizza, Fast-food</a></li>
<li><a href="#">Immobilier, Construction, BTP</a></li>
<li><a href="#">Technologie : Informatique, Telecom ...</a></li>
<li><a href="#">Jardin, Equipement de la Maison</a></li>
<li><a href="#">Santé, Forme & Bien-être</a></li>
<li><a href="#">Sports</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu3');">Agenda</dt>
</div>
<dd id="smenu3">
<ul>
<li><a href="#">Discothèques</a></li>
<li><a href="#">Théâtres</a></li>
<li><a href="#">Clips</a></li>
<li><a href="#">Vidéos, Blogs</a></li>
<li><a href="#">Manifestations</a></li>
</ul>
</dd>
</dl>
<dl>
<div style="text-align: left">
<dt onmouseover="javascript:montre('smenu4');">974 news</dt>
</div>
<dd id="smenu4">
<ul>
<li><a href="#">Petites annonces gratuites</a></li>
<li><a href="#">Forum, Tchat, Rencontre</a></li>
<li><a href="#">Nos services</a></li>
<li><a href="#">Qui sommes nous ?</a></li>
</ul>
</dd>
</dl>
</div>
<div id="site" style="position: absolute; left: 10px; top: 70px; width: 16px; height: 12px">
</div>
</body>
</html>
Modifié par nathzero974 (24 Mar 2007 - 08:45)
