Afficher le menu

Résolu

Iarezad Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
Iarezad Messages postés 13 Date d'inscription Statut Membre Dernière intervention - 26 mai 2008 à 08:52

Bonjour,
je suis en train de créer un site internet pour un projet.
J'ai fait des divisions sur mon site : j'ai une division menu et une division contenu.
J'aimerais que lorsque je clique sur un titre qui appartient à mon menu, que le contenu s'affiche dans la division contenu.
exemple: quand je clique sur les titres "contact", j'aimerais voir apparaitre dans la division menu : "Pour prendre contact + le plan d'accès".
Je ne sais pas du tout comment m'y prendre.
Actuellement, quand je clique sur les titres, rien ne se passe et je suis complètement désespérée...
J'espère que j'ai été plus ou moins claire dans mes explications.
merci d'avance de votre aide

voici le site que j'ai commencé à créer : dans la feuille styles.css je suppose qu'il y a des choses que j'ai écrit qui ne servent pas à grand chose mais bon ... je suis débutante.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>SITE WEB - IUT 2007-2008</title>
<script src="affiche.js" type="text/javascript"></script>
</head>
<body onload="javascript:afficheContenu1()">
<div id=bandeau>
<a href="http://www.....fr/"><img class="logobandeau" src="logos/images.jpg" alt="assurance"/> </a>
<p class="titrebandeau">Assurance<br> </p>
</div>

<div id="menu">

<h5> L'entreprise</h5>
<ul >
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu1();"> Accueil</a></li>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu2();"> Contact</a></li>
</ul>

<h5> Présentation du travail</h5>
<ul>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu3();"> Les sites sur le sujet</a></li>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu4();"> Les données brutes</a></li>
</ul>

<h5> Les programmes sources</h5>
<ul>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu6();"> différentes manipulations</a></li>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu7();"> histogramme</a></li>
</ul>
<h5> Les programmes exécutables</h5>
<ul>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu8();"> différentes manipulations</a></li>
<li class="menu"><a href="javascript:void(0)" onclick="afficheContenu9();"> histogramme</a></li>
</ul>
</div>

<div id="contenu">
<div id="accueil">
<p class="titre1"> Agence - SITE WEB - Accueil <br> <br> <br></p>
<img src="logos/DSCN1025.jpg" alt="photo_assurance" width="700" height="400"/>
</div>

<div id="contact">
<p class="titre1"> Prendre contact avec l'agence<br> </p>
<table class="tableau">
<tr>
<td width="300">Agent général ,Pour leur écrire</td>
<td><img src="logos/plan.jpg" class="imageflottante" alt="plan_dacces" width="500" height="400"/></td>
</tr>
</table>
</div>

<div id="sites">
<p class="titre1">Présentation générale : Etude sur un échantillon des clients de l'agence</p>
<p class="titre2">Répartition des clients en France</p>
<img src="répartition des clients par carte\clients.jpg" class="carte_repart" alt="carte" width="500" height="500"/></td>
<img src="répartition des clients par carte\légende_clients.jpg" class="legende_repart" alt="legende" width="250" height="95"/></td>

<p class="titre1">Les sites en relation avec notre sujet<br></p>
</div>

<div id="données">

</div>

</div>
</body>
</html>

et voici la feuille styles.css

body {text-align: justify;
color: rgb(51, 51, 153);
background-color: rgb(169, 234, 254);
font-family: "arial";
font-size: 16px;
}

.menu { width:180px;
position:relative;
left: -20px;
padding-left:15px ;
background:url(image/obligatoire.gif) no-repeat left ;
list-style-type:none
}

.menu a {
display:block ;
text-decoration:none ;
color:#3333FF
}

.menu a:hover{ background-color:#3333FF ;
color:rgb(255, 255, 153)
}

.logobandeau { position: absolute;
top: 10px;
left: 30px;
}

.titrebandeau { position: absolute;
top: 20px;
left: 350px;
text-align: center;
font-size: 35px;
font-weight: bold;
font-style: italic;
font-family: "times new roman";
}

.titre1 { font-style: italic;
text-align: center;
font-weight: bold;
font-size: 18px;
}

.imageflottante{ position:relative;
float:right;
left:280px;
}

.carte_repart{position:relative;
left:150px;
}

.legende_repart{position: relative;
left:400px
}

.titre2{font-style : normal;
text-align:center;
font-size : 16px;
fpnt-family : "times new roman";
}

div#bandeau { position: absolute;
top: 0px;
left: 0px;
width: 1100px;
height: 100px;
background-color: rgb(272, 024, 089);
}

div#menu { position: absolute;
top: 100px;
left: 0px;
width: 210px;
height: 800px;
background-color: rgb(255, 255, 153);
}

div#contenu { position: absolute;
top: 100px;
left: 200px;
width: 700px;
height: 500px;
}

div#accueil { position : relative;
top: 0px;
left: 20px;
}

div#contact{ position: relative;
top: 0px;
left: 60px;
}

div#sites {position:relative;
top : 0px;
left:20px
}

A voir également:

Afficher le menu
Menu déroulant excel - Guide
Afficher appdata - Guide
Menu corbeille - Guide
Canon quick menu - Télécharger - Utilitaires
Afficher taille dossier windows - Guide

2 réponses

Réponse 1 / 2

ideal

salut
j'ai une division menu et une division contenu. bien .tu peux faire une page pour chaque titre de ton menu

Réponse 2 / 2

Iarezad Messages postés 13 Date d'inscription Statut Membre Dernière intervention

non, je ne peux pas car justement mes profs veulent qu'il y ait un menu permanent à gauche de la page et le contenu à droitede celui-ci.
merci quand même et si tu sais comment faire, je veux bien que tu m'aides

ideal

commeça: http://helpevent.free.fr/pulcino/

Iarezad Messages postés 13 Date d'inscription Statut Membre Dernière intervention > ideal

oui c'était comme ca que je voulais.
on vient tout juste de m'expliquer.merci quand même.
Sinon un autre problème, lorsque j'ouvre ma page, y'a le contrôle ActiveX qui se met donc à chaque fois, je dois l'enlever pour que ma page fonctionne correctement.
Si par hasard, vous s'avez comment l'enlever.
merci

Discussions similaires

menu caché

Durée d'une diapositive animée

Mon PC marque press the esc key for startup menu

Votre réponse

Discussions similaires