Afficher le menu

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 - 24 mai 2008 à 19:06

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.
Je ne sais pas du tout comment m'y prendre.
J'espère que j'ai été plus ou moins claire dans mes explications.
merci d'avance de votre aide
bonne soirée

Afficher la suite

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

1 réponse

Réponse 1 / 1

txiki Messages postés 6596 Date d'inscription Statut Contributeur Dernière intervention 521

Bonsoir Iarezad,
Je suppose que quand tu parle de division tu veux dire que tu a découpé ta page en cadres ( "frames" ).
Dans ce cas, tu doit spécifier la destination du cadre (avec Dreamweaver c'est facile). Lorsque tu enregistre une telle page, il va te demander un nom pour chaque cadre (gauche, haut, principal etc..).
Dans ton lien; tu lui dit Cible et tu choisi une cible.
Mais si tu n'en dis pas plus..... on ne peux pas deviner avec quoi tu travaille !

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

désolé pour le peu d'informations que j'ai donné hier. je suis débutante.
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
}

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