Sujet Précédent Sujet Suivant

Afficher le menu

Résolu/Fermé
Iarezad Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 18 janvier 2012 - 25 mai 2008 à 12:01
Iarezad Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 18 janvier 2012 - 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:

2 réponses

Réponse 1 / 2
ideal
25 mai 2008 à 15:49
salut
j'ai une division menu et une division contenu. bien .tu peux faire une page pour chaque titre de ton menu
0
Réponse 2 / 2
Iarezad Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 18 janvier 2012
25 mai 2008 à 16:17
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
0
ideal
25 mai 2008 à 17:49
commeça: http://helpevent.free.fr/pulcino/
0
Iarezad Messages postés 13 Date d'inscription vendredi 23 mai 2008 Statut Membre Dernière intervention 18 janvier 2012 > ideal
26 mai 2008 à 08:52
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
0

Discussions similaires

programme qui n'affiche pas le mot secret
EMy.chev -
yg_be -

3 réponses
les entrées et les sortées
oussman -
MarsuGL -

2 réponses
Afficher toutes les lignes masquées excel
livlarsen -
esicom -

26 réponses
mon ordi marque press the esc key for startup menu
jasonparris -
elow -

5 réponses