18073 sujets

Questions générales et questions de débutants

Problème de barre de navigation

Bonjour,

Je viens vers vous pour que vous me donniez votre avis de professionnel sur le site internet de mon association que j’ai fait avec Dreamweaver 4 et dont voici l’adresse : Site de l'Adgcp-63.

La page d’Accueil (Index.htm) se compose de 3 cadres,

-1 cadre pour le Titre (titre.htm),
-1 cadre pour la barre de navigation (Menu.htm),
-1 cadre pour l’accueil (Accueil.htm)


Tout marche bien à part que pour la barre de navigation je suis obligé de redimensionner le cadre si je veux rajouter ou supprimer des sous-menus. Est-ce qu’il a un moyen de remédier à ce problème ? Faut-il que je mette cette barre de navigation sur toutes les pages du site (28 pages en tout) et si c’est le cas comment mettre la barre de navigation à jour chaque fois que j’aurai une modif à faire ?

En vous remerciant par avance de votre réponse et de toute l’aide que vous pourriez m’apporter
Administrateur
Quel rapport avec la catégorie "DOM, ECMAScript, Javascript"?
J'ai déplacé le topic vers une autre cat.


Lien vers le site édité à cause de ça

L'hébergeur (ou ulimit.com) et Firefox font mauvais ménage Smiley confus
Merci pour votre réponse.

Si je dois supprimer les cadres, comment faire pour que la barre de nagivation reste toujours visible à l'écran tout en faisant défiler la ou les page vers le bas.
merci de vos conseils et astuces.
@++
Un tag [Résolu] serait bienvenu dans ton sujet si ton problème est réglé.
Modifié le 22 Nov 2004 - 06:41
Bonjour,

Merci pour ta réponse mais mon problème n'est pas réglé.

Je n'arrive pas à faire une feuille de style en CSS correcte et à l'inserer.

Voici le code, peux tu faire quelques chose?

Merci pour ton aide


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<title>Deux zones avec scroll en CSS</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<style type="text/css">
@import url("2zones_scroll.css");
</style>
<title>Menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<div id="divCursor">
</div>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<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">
<!-- 
/* CSS issu des tutoriels  www.alsacreations.com/articles  */
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: center;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 12em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccffff;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: left;
background: #ffffcc;
}
#menu li a, #menu dt a {
color: #ff0000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #ffff00;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; 
}

a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>




<div id="menu">
	<dl>
		
    <dt onmouseover="javascript:montre();"><a href="Accueil.htm" title="Retour à l'accueil" target="mainFrame">Accueil</a></dt>
	</dl>
	
	<dl>			
		<dt onmouseover="javascript:montre('smenu1');">Introduction</dt>
			<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
				<ul>
					
        <li><a href="Presentation.htm" target="mainFrame">Le Mot du Président</a></li>
		<li><a href="Contact.htm" target="mainFrame">Membres du Bureau</a></li>
		<li><a href="Contact_Administrateurs.htm" target="mainFrame">Administrateurs 
          </a></li>
				</ul>
			</dd>
	</dl>
	
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu2');">Espace_Adhérents</dt>
			<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre('');">
				<ul>					 
        <li><a href="ReglementInterieur.htm" target="mainFrame">Règlement Intérieur</a></li>
		<li><a href="Assurances.htm" target="mainFrame">Assurance</a></li>
		<li><a href="Accompagnement.htm" target="mainFrame">Accompagnement</a></li>
		<li><a href="Tenues.htm" target="mainFrame">Tenues du GCP</a></li>
				</ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu3');">Être Garde</dt>
			<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre('');">
				
      <ul type="disc">
        <li><a href="Agrement.htm" target="mainFrame">Nouvel_Agrément</a></li>
        <li type="disc"><a href="Agrement.htm" target="mainFrame">Renouvellement</a></li>
        <li><a href="Formation.htm" target="mainFrame">Formation</a></li>
      </ul>
			</dd>
	</dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu4');">Documentation</dt>
			<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre('');">
				
      <ul>
        <li><a href="MementoGCP.htm" target="mainFrame">Mémento du GCP</a></li>
        <li><a href="Formulaires.htm" target="mainFrame">Formulaires</a></li>
        
      </ul>
    </dd>
  </dl>
	
	<dl>	
		<dt onmouseover="javascript:montre('smenu5');">Arrêté Préfectoral</dt>
			<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre('');">
				
      <ul>
        <li><a href="Arretes.htm" target="mainFrame">Ouverture_Fermeture</a></li>
        <li><a href="Nuisibles.htm" target="mainFrame">Nuisibles</a></li>
        
      </ul>
    </dd>
  </dl>
  
  <dl>	
		<dt onmouseover="javascript:montre('smenu6');">Divers</dt>
			<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre('');">
				
      <ul>
        <li><a href="Piegeurs.htm" target="mainFrame">Les Piégeurs</a></li>
        <li><a href="AdressesUtiles.htm" target="mainFrame">Adresses Utiles</a></li>
		<li><a href="Password.htm" target="mainFrame">Accés Privé</a></li>
        
      </ul>
    </dd>
  </dl>  
</div>

<div id="contenu">
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
	contenu<br />
</div>

Modifié le 22 Nov 2004 - 16:55
Merci de placer le code dans les balises appropriées [code ][/code ] (sans les espaces) .

domicomp - Merci pour ta réponse mais mon problème n'est pas réglé.
Stephan - Je t'ai pourtant fourni des solutions alternatives. De plus, ici c'est un forum sur les standards Web et pas sur les langues oubliées.

Pour en finir avec les cadres

domicomp - Je n'arrive pas à faire une feuille de style en CSS correcte et à l'inserer.
Stephan - Il y a pourtant plein de ressources dans la section Tutoriels CSS

domicomp - Voici le code, peux tu faire quelques chose?
Stephan - Non je ne peux rien faire !

Aide /Règle a écrit :

14- Ceci est une communauté d'entraide, pas de travail à votre place
Ce forum a pour vocation d'échanger des connaissances. Les modérateurs ne sont pas là pour faire le travail à votre place. Il est donc inutile de demander des scripts tout faits, des codes à faire pour vous. On vous donnera les moyens d'y parvenir vous-même, sans vous apporter le code sur un plateau d'argent.

Modifié le 22 Nov 2004 - 15:55
Il est inutile de coller le code complet de ta page ici, c'est trés génant pour la lecture et ça n'apporte rien puisque tu as déjà donné un lien vers ta page.

Pour ton problème de feuille de style je ne suis pas certain de saisir. Tu veux simplement faire une feuille de style à part et l'importer dans tes pages?
Dans ce colle tes styles dans un fichier à part, par exemple style.css que tu place à la racine de ton site. Puis dans tes pages html tu appelle ce fichier avec la ligne suivante (à placer dans le head) :


<link type="text/css" rel="stylesheet" href="styles.css" />


Voilà, à moins que j'ai mal compris, dans ce cas merci de me reprendre Smiley cligne

PS:

Stephan a écrit :

De plus, ici c'est un forum sur les standards Web et pas sur les langues oubliées.


Trés bon! Smiley smile
Pourtant avec tout ces paragraphes remplis de Lorem Ispum je me suis preque crû en classe de latin Smiley langue
Modifié le 22 Nov 2004 - 16:02
Pour un insérer une feuille de style via @import, la syntaxe correcte est sans les guillemets:
<style type="text/css" media="screen" title="mon titre">
@import url(style.css);
                </style>


Dans l'extrait de ton code (qui serait plus facile à lire avec la fonction code Smiley cligne ) il y a par ailleurs 2 doctypes. Si tu souhaites toujours utiliser des frames (malgré Pour en finir avec les cadres) il existe un doctype xhtml frameset que tu peux trouver sur le site du W3C à:
List of valid DTDs you can use in your document
Stephan a écrit :

Merci de placer le code dans les balises appropriées [code ][/code ] (sans les espaces) .

jb_gfx a écrit :

Il est inutile de coller le code complet de ta page ici, c'est trés génant pour la lecture et ça n'apporte rien puisque tu as déjà donné un lien vers ta page.

Igor a écrit :

Dans l'extrait de ton code (qui serait plus facile à lire avec la fonction code Smiley cligne )


Bon ! Je vais le faire ! Smiley fache
Bonjour à Tous,

Malgrés vos conseils je ne suis pas arrivé à faire exactement ce je voudrai.
Je laisse tomber les styles css et je garde les frames.

Merci à tous.
Sujet clos
Aller à