18041 sujets

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

Problème de Menu : le contenu n'apparaît pas où il faut

Bonsoir à tous,

J'ai un soucis avec un menu, lorsque je clique sur un élément du Menu, le contenu n'apparait pas à droite dans la zone gris clair mais une nouvelle fenêtre s'ouvre. J'ai déjà recommencé le site de différentes façon il y a quelques mois d'ici et je n'ai jamais trouvé et là je m'y replonge mais je n'ai pas eu de solutions entre temps et j'y perd mon latin... si quelqu'un pouvait m'aider... Smiley smile Exemple lorsque l'on va sur Calendrier => Ath Racing

Le lien de la page: http://arta2.jexiste.fr/test5.htm#

Merci d'avance à qui pourra m'aider Smiley confused
ce n'est pas un problème de CSS... juste un target à supprimer !

enlève le
target=_contenu

et çà ne s'ouvrira plus dans une nouvelle fenêtre
Bonjour,

Effectivement, rien à voir avec un problème de CSS, ni d'HTML en fait :

a écrit :
La page est introuvable


Es-tu sûr que le fichier : calendrierContenu.html se trouve à la racine de ton site ?
Bonjour Laurie-Anne,

Oui le fichier se trouve bien à la racine. Idem lorsque l'on clique sur "galerie" => "Photos".
Et en essayant de nommer la partie droite qui est gris clair et de lui dire de s'ouvrir dedans?! (j'avais essayé mais cela n'avait pas marché ou je m'y suis mal prise... Smiley ohwell )

Voici un copié-collé du code:
[code=html]
<!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">
<title>Ath Racing</title>
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.Style3 {font-family: Verdana, Arial, Helvetica, sans-serif}
-->
</style>
<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  http://css.alsacreations.com  */
body {
margin: 0;
padding: 0;
background: #666666;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
	position: relative;
	top: auto;
	left: auto;
	color: #FF0000;
	background-color: #FF0000;
	border: thin solid #FF0000;
}
dl#menu {
}
dl#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px red;
background: #666666;
}
dl#menu dd {
border: 1px solid gray;
}
dl#menu li {
text-align: center;
background: #666666;
}
dl#menu li a, dl#menu dt a {
	color: #CCCCCC;
	text-decoration: none;
	display: block;
	height: 100%;
	border-top: thin;
	border-right: thin Aucune #FF0000;
	border-bottom: thin;
	border-left: thin Aucune #FF0000;
}

dl#menu li a:hover, dl#menu dt a:hover {
background: #333333;
}

#mentions {
font-family: verdana, arial, sans-serif;
position: absolute;
bottom : 200px;
left : 10px;
color: #000;
background-color: #ddd;
}
#mentions a {text-decoration: none;
color: #000000;
}
#mentions a:hover{text-decoration: underline;
}

-->
</style>
</head>

<body>

<table width="100%" height="100%" border="0" bgcolor="#666666">
  <tr>
    <th width="100%" height="20%" colspan="2" bgcolor="#999999" scope="col"><p><em>ATH RACING asbl banni&egrave;re </em></p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></th>
  </tr>
  <tr>
    <th width="20%" height="70%" bgcolor="#666666" scope="row">

	<dl id="menu" name="menu">
      <dt onclick="javascript:montre();"><a href="#">Accueil</a></dt>
      <dt onclick="javascript:montre('smenu2');">Notre Club</dt>
      <dd id="smenu2">
        <ul>
          <li><a href="#">Historique</a></li>
		  <li><a href="#">Archives</a></li>

		  <li><a href="#">Nos membres</a></li>
          <li><a href="#">Devenir membre</a></li>
          <li><a href="#">Challenge Ath Racing</a></li>
		  <li><a href="#">Boutique</a></li>
        </ul>
      </dd>
      <dt onclick="javascript:montre('smenu3');">Nos épreuves</dt>

      <dd id="smenu3">
        <ul>
          <li><a href="#">Slalom</a></li>
          <li><a href="#">Rallye d'orientation</a></li>
        </ul>
      </dd>
      <dt onclick="javascript:montre('smenu4');">Calendrier</dt>

      <dd id="smenu4">
        <ul>
          <li><a href="calendrierContenu.html">Ath Racing</a></li>
          <li><a href="#">ASAF</a></li>
		  <li><a href="#">VAS</a></li>
		  <li><a href="#">WRC</a></li>
        </ul>

      </dd>
	   <dt onclick="javascript:montre('smenu5');">Documents</dt>
      <dd id="smenu5">
        <ul>
          <li><a href="#">Licences</a></li>
		  <li><a href="#">Bible ASAF 2008</a></li>
		  <li><a href="#">ASAF News</a></li>

		  <li><a href="#">Les classements</a></li>
          <li><a href="#">Pré-contrôle 2008</a></li>
		  <li><a href="#">Règlements Pneus 2008</a></li>
		  <li><a href="#">Challenge Thiry 2008</a></li>
		  </ul>
      </dd>
	  <dt onclick="javascript:montre('smenu6');">Galeries</dt>

      <dd id="smenu6">
        <ul>
          <li><a href="galeriesPhotos07.html">Photos</a></li>
          <li><a href="#">Vidéos</a></li>
          <li><a href="#">Presse</a></li>
        </ul>
      </dd>

	  <dt onclick="javascript:montre('smenu7');">Forum</dt>
      <dd id="smenu7">
        <ul>
          <li><a href="#">Notre forum</a></li>
         </ul>
      </dd>
	  <dt onclick="javascript:montre('smenu8');">Petites annonces</dt>

      <dd id="smenu8">
        <ul>
          <li><a href="#">Petites annonces</a></li>
        </ul>
      </dd>
	  <dt onclick="javascript:montre('smenu9');">Liens</dt>
      <dd id="smenu9">
        <ul>

          <li><a href="#">Nos liens</a></li>
          </ul>
      </dd>
	  <dt onclick="javascript:montre('smenu10');">Contacts</dt>
      <dd id="smenu10">
        <ul>
          <li><a href="#">Notre club</a></li>

          </ul>
      </dd>
	  </dl>      
      <p>&nbsp;</p>
    <p>Logo g&eacute;ant d'ath?! </p>
    <p>Compteur de visite </p>
    <p>&nbsp;</p></th>
    <th id="contenu" width="80%" height="70%" bgcolor="#CCCCCC" scope="row"><p>&nbsp;</p>

      <p>&nbsp;</p>
    </th>
  </tr>
  <tr>
    <th height="10%" colspan="2" bordercolor="#666666" bgcolor="#666666" scope="row"><div align="center"><a href="form_newsletter.htm" target="_blank"><img src="images/gif_newsletter.gif" width="201" height="41" border="0" align="absmiddle"></a><span class="Style3"><font size="1" color="#DDDDDD"><br>
        L'entiert&eacute; de ce site est prot&eacute;g&eacute; par les lois sur les droits d'auteur et de propri&eacute;t&eacute; intellectuelle.<BR>

          <font size="1" color="#DDDDDD">Ce site est optimis&eacute; pour <a href="http://www.firefox2.com/fr/" target="_blank">Mozilla firefox</a> </font> - Webmaster : <a href="mailto:aupaixteam@yahoo.fr"> aupaixteam@yahoo.fr</a></font></span></div></th>
  </tr>
</table>
</body>
</html>
[/code]
Merci d'essayer de m'aider Smiley smile
Modifié par luna103 (04 Aug 2009 - 12:28)
Merci de bien vouloir utiliser les balises [ code] et [ /code] pour baliser les portions de code.


Au vu de ta réponse :
a écrit :
Et en essayant de nommer la partie droite qui est gris clair et de lui dire de s'ouvrir dedans?! (j'avais essayé mais cela n'avait pas marché ou je m'y suis mal prise... )

J'en déduis que tu essayes de reproduire le système de frame, sans utiliser de frame. Ca ne fonctionnera pas.
Modifié par Laurie-Anne (04 Aug 2009 - 12:25)
Voilà, excuse moi je ne savais pas pour les balises [code].

Qu'est-ce que tu me conseille de faire alors comme système afin de résoudre le problème?

Merci
Premièrement de revoir la structure de ton site : tu dois décider si tu utiliser des frames ou non. Le "ou non" étant, en de nombreux points, un meilleurs choix selon moi.

Après il faudra recoder tes pages convenablement : c'est-à-dire, s'il n'y a pas de frame, que l'ensemble de la structure des page devra être présente dans le code HTML (contrairement aux frame où seule la partie qui change est nécessaire).

Tu peux jeter un coup d'oeil aux gabarits de Florent pour voir s'il n'y en aurait pas un qui ressemble à ce que tu souhaites faire (par exemples les gabarits 5 et 6) et que tu puisses adapter à ton besoin.
Ok merci, je vais regarder à tout cela ce soir...

Pour ce qui est des gabarits, avant d'arriver à la version actuelle, j'étais passée par les gabarits, c'est le 07 qui ressemble le plus à ce que je voudrais avoir comme résultat car il y a un pied-de-page mais voilà ce que cela donnait... la partie grise se décalait... http://arta2.jexiste.fr/test4.htm# mais j'avoue ne plus vraiment me souvenir des détails du problème que j'avais avec le gabarit, cela date d'il y a quelques mois, je vais donc me replonger ce soir dans tout cela afin de te donner exactement le moment où cela posait problème car je sais qu'à la base le gabarit fonctionnait, je pense que c'était lorsque je mettais le contenu que tout se décalait, je vais regarder plus en détails tout cela...

Merci Smiley smile
Ton test 4 ne ressemble en rien aux gabarits de florent.

Il utilise du positionnement relatif alors que les gabarits utilisent le positionnement flottant.
ah bizarre car quand tu regarde la zone rouge "contenu du header (voir tous les modèles)" et que tu cliques, on arrive dans ses gabarit ou alors j'ai effectué des modifications qui ont tout changé, je sais que j'ai beaucoup chercher, et il y a un moment où l'on fait pire que mieux lol. Je vais essayer de tirer tout cela au clair afin de m'y retrouver...
Sujet clos
Aller à