5568 sujets

Sémantique web et HTML

Pb de lien entre menu deroulant et page xhtml

Bonjour,

j'ai un soucis d'adressage de lien.

J'ai des pages en Xhtml, comportant dans le header un div nav avec un menu déroulant.

A la sélection d'un lien dans le menu nav, je voudrais afficher une autre page xhtml.

le lien de la page est le même que la page en cours mais pourtant cela ne fonctionne pas.

je vous mets le code utilisé :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta charset="ISO-8859-1" />
<link rel="stylesheet" href="css_perrso/base.css" />
<link rel="stylesheet" href="css_perso/nav_current.css" />
<link rel="stylesheet" type="text/css" href="css_perso/styles.css" />


<title>Écoutez les pronociations chinoises des points d'acupuncture</title>
</head>

<body>

<div id="header">


<div id="image_digito"></div>
<div id="titre_principal"></div>
<h1>Écoutez maintenant les pronociations chinoises des points d'acupuncture</h1>
<p></p>
<p></p>
<p></p>
<p></p>

<nav>
<ul id="nav">
<li class="current">
<li><a href="#">Découvrez les prononciations chinoises des points de digitopuncture par méridien</a>
<ul>
<li><a href="P-shtml.htm">Méridien du Poumon</a></li>
<li><a href="/index4-xhtml.htm">Méridien du Gros Intestin</a></li>
<li><a href="./index4-xhtml.htm">Méridien de l'Estomac</a></li>
<li><a href="../index4-xhtml.htm">Méridien de la Rate</a></li>
<li><a href="Meridiens/C.xtml">Méridien du Coeur</a></li>
<li><a href="Meridiens/IG.xtml">Méridien de l'Intestin Grêle</a></li>
<li><a href="Meridiens/V.xtml">Méridien de la Vessie</a></li>
<li><a href="Meridiens/R.xtml">Méridien des Reins</a></li>
<li><a href="Meridiens/MC.xtml">Méridien du Maître Coeur</a></li>
<li><a href="Meridiens/TR.xtml">Méridien du Triple Réchauffeur</a></li>
<li><a href="Meridiens/VB.xtml">Méridien de la Vésicule Biliaire</a></li>
<li><a href="Meridiens/F.xtml">Méridien du Foie</a></li>
<li><a href="Meridiens/RM.xtml">Méridien du Vaisseau Conception ou Ren mai</a></li>
<li><a href="Meridiens/DM.xtml">Méridien du Vaisseau Gouverneur ou Du mai</a></li>
</ul>
</li>
</li class="current">
</ul id="nav">
</nav><!-- fermeture du div navigation ou menu -->
</div><!-- fermeture du div header fixe -->
<div id="container"><!-- ouverture du div container -->
<section>
<body id="dewbody">

<div id="content" align="right">

<p>

</p>

<h3>Les points du méridien du "Coeur"</h3>
<p></p>
<p></p>
<p class="hint"></p>
<p class="hint"></p>
<object type="application/x-shockwave-flash" data="swf/dewplayer-playlist.swf" width="640" height="600" id="dewplayer" name="dewplayer" align="right">
<param name="wmode" value="transparent" />
<param name="movie" value="swf/dewplayer-playlist.swf" />
<param name="flashvars" value="showtime=no&autoreplay=no&xml=playlists/playlistPoumon.xml" />
</object>



</div> <!-- #players -->

</div> <!-- #content -->


</p>
</section>
</div><!-- ferme le div container -->
<footer>
<div id="infos">
<h3>Contatez-nous</h3>
</div>
</footer>
</body>
</html>



Les deux pages xhtml (2) et (4) se trouvent à la racine du site.


voici le message d'erreur que j'ai :

Firefox ne peut trouver le fichier à l'adresse /D:/CREATION CDROMS/CDROM PHONETIQUE POINTS ACUPUNCTURE/index4-xhtml.htm. lors du click du méridien de l'Estomac dans le menu déroulant.

Sauriez-vous pourquoi la page xhtml ne s'affiche pas au Onclick mais seulement en la lançant par le hd ?

Merci de votre aide.

Pascal Smiley decu
Salut, alors ca ne m'étonne pas du tout que ca parte en vrille, ton code comporte 18 d'erreurs http://validator.w3.org/

Je trouve contradictoire de créer des pages ayant un doctype XHTML pour ensuite y incorporer des balises HTML5, logique que ca ne soit pas interprété correctement par le navigateur.

Voila comment devrait apparaitre en HTML5 ton doctype, ta balise html ainsi que les éléments présent dans ta balise head:
<!DOCTYPE HTML>
<html lang="fr">
	<head>
		<meta charset="UTF-8">
		<title>Titre de la page</title>
		<meta name="description" content="Description de moins de 200 caractères...">
		<meta name="robots" content="all">
	<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
		<link rel="stylesheet" type="text/css" href="css_perrso/base.css" />
		<link rel="stylesheet" type="text/css" href="css_perso/nav_current.css" />
		<link rel="stylesheet" type="text/css" href="css_perso/styles.css" />
	</head>
	<body>
	
	Ton code ...

	</body>
</html>


J'éviterai aussi l'iso-8859-1 : http://www.alsacreations.com/astuce/lire/34-charset-iso-8859-1-iso-8859-15-utf-8-lequel-choisir.html

Je vois aussi des balises fermantes comportant une class ou un id. WTF ???
Ca ne se fait tout simplement pas Smiley confus

Bref il y a beaucoup de choses à revoir concernant le HTML, heureusement tu trouveras toute la documentation dont tu as besoins sur http://www.alsacreations.com/
Modifié par LuciferX (20 Nov 2013 - 00:25)
Merci LuciferX,

pas étonnant donc....

Mais alors, qu'en est-il du lien vers la page en xhtml ?

quelle serait la façon d'écrire cela proprement ?

Merci encore

zhengjiu Smiley cligne
Le nom de ton lien semble se terminer par un point.
EDIT, j'ai dit une grosse connerrie Smiley lol

En fait je pense que le problème pourrait venir du / devant le lien, enlève le ca ira mieux,
le / suivi d'un nom puis d'un autre / avant un fichier sert à faire référence à un dossier enfant, et de cette façon ../ on fait référence à un dossier parent.
<li><a href="index4-xhtml.htm">Méridien du Gros Intestin</a></li>

Sinon, pourquoi choisir un nom compliqué comme "index4-xhtml.htm", d'autant plus que rajouter des points dans le nom de fichier ne semble pas être une bonne idée.

index.html est le nom couramment employé pour cibler la page d'accueil (quand rien n'est spécifié, c'est celle-la qui sera affichée en premier par les navigateurs et moteurs de recherche, logique quoi), après, tu nomes tes pages comme bon te semble, je te conseille de les nommer en fonction de leur contenu.

exemple: portfolio.html   ca sera déjà beaucoup plus facile pour t'y retrouver Smiley cligne

Je vois aussi différentes extensions de fichier, utilise l'extension qui correspond au type MIME de tes pages:
.xhtml pour application/xhtml+xml
.html pour text/html
Modifié par LuciferX (20 Nov 2013 - 01:01)
Sujet clos
Aller à