Création de page web (Outils pour le travil)

Kév364 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -  
Kév364 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour à tous,

voilà je viens sous les conseils du forum bureautique,

Je m'explique je cherche à créer, une page web ou à gauche j'aurais une liste déroulante de lien Hypertexte et à droite commme une fenêtre de visualisation.

J'ai réussi à le faire avec word, en utilisant la fonction cadre mais je n'arrive pas à faire une liste déroulante de lien hypertexte.

Ce n'est pas pour créer un site mais pour avoir un outils d'archivage par catégorie pour le travail.

Le forum bureautique m' a conseillé, de voir sur ce forum.

Je n'y connais rien du tout en page web ou en htlm.

Si vous pouviez me donner un coup de main, et m'expliquer pas à pas ?

Merci d'avance pour vos réponses.
A voir également:

4 réponses

Réponse 1 / 4
moderno31 Messages postés 872 Date d'inscription   Statut Membre Dernière intervention   92
 
Hello,
Fait voir ce que tu as fait sous word ..
Cela me donnera un aperçu de la réponse à te faire pour le transcrire en page Web.
Là j ene vois pas exactement ce que tu veux faire.
0
Réponse 2 / 4
Kév364 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
Donc voila un exemple, de ce que je veux faire.
J'ai du refaire un exemple car celui que je confectionne donne vraiment trop d'info sur mon travail

https://www.cjoint.com/?gBqO58mfJx
0
Réponse 3 / 4
Kév364 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
Désolé, mais apparemend le lien ne marche pas et je n'arrive pas à le faire fonctionner.

Pour t'expliquer,

j'utile la fonction cadre dans les outils pour que mon doc soit séparer en deux

à gauche j'insère des liens et j'intègre la destination de lecture sur le cadre de droites.
je voudrais créer sur la page de gauche au lieu d'avoir plusieur lien, des listes déroulantes comprennant plusieurs liens

j'espères avoir assez bien expliqué,
0
Réponse 4 / 4
Kév364 Messages postés 11 Date d'inscription   Statut Membre Dernière intervention  
 
Bonjour,

a force de recherche j'ai trouvé quelque info mais pas la totalité donc je cherche à faire une liste déroulante comportant des lien et s'ouvrant dans un cadre.

J'ai trouvé ce code sur le net, qui correspond vraiment au type de menu que je voulait sauf que je n'arrive pas à faire ouvrir sur la même page.
Réelement je veux que mon menu reste à droite quand j'ouvre une page.

Merci d'avance pour vos réponse.

<html>
<head>
<link rel="stylesheet" type="text/css" href="ClickShowHideMenu_a.css">
<script type="text/javascript" src="ClickShowHideMenu_a.js"></script>
<style type="text/css">
body {
background-color: #111433;
}
</style>
</head>
<body>

<table cellspacing="0" cellpadding="0" id="click-menu1" class="click-menu">
<tr>
<td>
<div class="box1">Products <img src="images/arrow1.gif" width="11" height="11" alt=""></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product One</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Two</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Three</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Four</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Five</a></div>
</div>
</td>
</tr>
<tr><td height="2"></td></tr>

<!-- start smiley -->

<tr>
<td>
<div class="lnk1"><a href="example1_a.html">New Top Level Link </a></div>
</td>
</tr>
<tr><td height="2"></td></tr>
<!-- end smiley -->

<tr>
<td>
<div class="box1">Downloads <img src="images/arrow1.gif"></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product One</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Two</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Product Three</a></div>
</div>
</td>
</tr>
<tr><td height="2"></td></tr>
<tr>
<td>
<div class="box1">Support <img src="images/arrow1.gif" width="11" height="11" alt=""></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">E-mail Support</a></div>
</div>
</td>
</tr>
<tr><td height="2"></td></tr>
<tr>
<td>
<div class="box1">Partners <img src="images/arrow1.gif" width="11" height="11" alt=""></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Partner Benefits</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Partner Application</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Partner Listing</a></div>
</div>
</td>
</tr>
<tr><td height="2"></td></tr>
<tr>
<td>
<div class="box1">Customers <img src="images/arrow1.gif" width="11" height="11" alt=""></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer One</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Two</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Three</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Four</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Five</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Six</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Customer Seven</a></div>
</div>
</td>
</tr>
<tr><td height="2"></td></tr>
<tr>
<td>
<div class="box1">About Us <img src="images/arrow1.gif" width="11" height="11" alt=""></div>
<div class="section">
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Executive Team</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Investors</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Career</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Press Center</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Success Stories</a></div>
<div class="box2"><img src="images/arrow2.gif" width="14" height="9" alt=""><a href="example1_a.html">Contact Us</a></div>
</div>
</td>
</tr>
</table>

<script type="text/javascript">
var clickMenu1 = new ClickShowHideMenu('click-menu1');
clickMenu1.init();
</script>

</body>
</html>
0