18041 sujets

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

Problème de navigation

Bonjour à tous,

Nouveau problème dans la création de mon site ! Depuis la page d'accueil, je clique sur le lien vers la page "Service" (ou autre, bref un lien du menu). La page "Service" s'affiche (jusque là tout va bien). Mais lorsque je veux retourner à la page d'accueil, subitement il n'y a plus personne !!!!! J'ai vérifié l'intitulé de mes liens (menu, sous-menu, etc.) et ça me semble correcte. Donc je n'ai plus d'idée... Help !

Autre problème mais de gravité moindre : je n'arrive pas à faire un menu déroulant (faire en sorte que l'intitulé des sous-page s'affiche en menu déroulant au survol du nom des pages). Help aussi !

Voici mes pages de code :

1. La page php générale :


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="seminairedemuseologie.css"/>
		<title>Séminaire de Muséologie</title>
		<meta name="keywords" content="Université de Liège, Philosophie et Lettres, muséologie, expographie, musée, conservation, exposition, institution, Gob, Drouguet" />
		<meta name="description" content="Site web du Séminaire de Muséologie de l'Université de Liège, faculté de Philosophie et Lettres." />
	</head>
	<body>
	<div id="bloc_page">
	
	<!--L'en-tête-->
		<?php include ("en_tete.php"); ?>
	
	
	
	<!--Le corps-->	
		<section>
			<?php include ("menu.php"); ?>
			
			<article>
				
				<h1>Actualité</h1>
				<p>Nouvelle édition du manuel <strong>"La Muséologie. Histoire, développements, enjeux actuels"</strong> sous presse !</p>
			</article>
			<div id="corps">
				<p>Le Séminaire de Muséologie propose des formations aux grades de bachelier et de master à finalité spécialisée. Cette formation peut se poursuivre par un doctorat.</p>
			</div>
			<p class="photo1">
				<img src="image/Canada-Montreal-Biosphère_39_.jpg" alt="Biosphère de Montréal" title="Biosphère de Montréal"/>
			</p>
			<p class="photo2">
				<img src="image/Allemagne-Berlin-Bode Museum_5_.jpg" alt="Bode Museum de Berlin" title="Bode Museum de Berlin"/>
			</p>
			<p class="photo3">
				<img src="image/Belgique-Grand-Hornu-MAC'S-08_7_.jpg" alt="Mac's - Grand-Hornu" title="Mac's - Grand-Hornu à Bossu"/>
			</p>		
			</section>
			
			
	<!--Le pied-de-page-->
		<?php include ("pied_de_page.php"); ?>
	</div>
	</body>
</html>



2. La page php du menu principal

<nav id="menu">
				<ul>
					<li><a href="seminairedemuseologie_accueil.php">Accueil</a></li>
					<li><a href="menu/menu_service/historique.php">Service</a></li>
					<li><a href="menu/menu_formation/Formation.php">Formation</a></li>
					<li><a href="menu/menu_Recherche/Recherche.php">Recherche</a></li>
					<li><a href="menu/menu_Publications/Publications.php">Publications</a></li>
					<li><a href="menu/menu_musees/musees.php">Musées</a></li>
					<li><a href="menu/menu_liens/liens.php">Liens</a></li>
				</ul>
			</nav>


3.La page "Service"


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="historique.css"/>
		<title>Historique</title>
	</head>
	<body>
	<body>
	<div id="bloc_page">
		
<!--L'en-tête-->
		<?php include ("../../en_tete.php"); ?>
		
		
		

<!--Menu-->	
		<section>
		<?php include ("../../menu.php"); ?>
		<nav id="choix_service">
				<ul>
					<li><a href="menu/menu_service/historique.php">Historique</a></li>
					<li><a href="menu/menu_service/membres.php">Membres du séminaire</a></li>
				</ul>
		</nav>
			
<!--Corps-->	
		
			<h2>Historique</h2>
			<p>
			Le séminaire de muséologie a été créé il y a dix ans !
			</p>
		</section>

<!--Pied de page-->

		<?php include ("../../pied_de_page.php"); ?>
	
	</div>




Voilà, j'ai aussi des problèmes avec la mise en page (css) : je dois faire une page .css pour chaque page .php ou il y a-t-il moyen d'en lier une seule type ?

Beaucoup de questions d'un coup... Désolée ! Mais je promets une reconnaissance éternelle à celui ou celle qui pourra m'aider !

Une belle fin de journée à tous,

Oenia
dans la page service, c'est quoi le
<body>
<body>

et ton </html> est introuvable. La moindre chose peut créer un grand problème.

tu peux donner le code de ta page "en-tete.php"?
Je veux réorganiser tes pages pour te faciliter la suite.
Bonjour Bixit,

De fait, j'ai un peu fait n'importe quoi pour cette page service ! La voici corrigée :


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="historique.css"/>
		<title>Historique</title>
	</head>
	<body>
	<div id="bloc_page">
		
<!--L'en-tête-->
		<?php include ("../../en_tete.php"); ?>
		
		
		

<!--Menu-->	
		<section>
		<nav id="menu">
				<ul>
					<li><a href="../../seminairedemuseologie_accueil.php">Accueil</a></li>
					<li><a href="historique.php">Service</a></li>
					<li><a href="../menu_formation/Formation.php">Formation</a></li>
					<li><a href="../menu_Recherche/Recherche.php">Recherche</a></li>
					<li><a href="../menu_Publications/Publications.php">Publications</a></li>
					<li><a href="../menu_musees/musees.php">Musées</a></li>
					<li><a href="../menu_liens/liens.php">Liens</a></li>
				</ul>
			</nav>
			
		<nav id="choix">
				<ul>
					<li><a href="historique.php">Historique</a></li>
					<li><a href="membres.php">Membres du séminaire</a></li>
				</ul>
		</nav>
		
		
<!--Corps-->	
		
			<h2>Historique</h2>
			<p>
			Le séminaire de muséologie a été créé il y a dix ans !
			</p>
			<p>
		"L'enseignement de la muséologie à Liège remonte au milieu des années 1970, 
		lorsqu'un cours est inscrit définitivement au programme de la licence en histoire de l'art et archéologie."<br>André Gob</br></p>
			
		</section>

<!--Pied de page-->

		<?php include ("../../pied_de_page.php"); ?>
	
	</div>
	</body>
</html>


Tu remarqueras que j'ai réintroduit le menu de navigation directement dans le page. Du coup, ça fonctionne mais j'ai beaucoup de pages et c'est un peu fastidieux !!!!! Donc je préférerais que ma première solution fonctionne.

Comme demandé, voici aussi ma page en-tête.php :

<header>
</header>
<div id="titre_principal">
		<h1>Séminaire de Muséologie</h1>
		<h2>Université de Liège</h2>
</div>


Et au besoin, la page css associée à la page d'accueil :
/* Eléments principaux de la page */

body
{
font-family: "Courier New", sans-serif;
background-color: rgb(237,236,221);
}
#bloc_page
{
width: 1000px;
margin: auto; 
}
h1,h2
{
color: rgb(17,121,139);
}

p
{
font-size: 15px;
color: black;
}


/* Header (En-tête)*/

header
{
display: inline-block;
vertical-align: top;
position: absolute;
z-index: -1;
width: 1000px;
height: 200px;
background-image: url("CSS/imagecss/mucem.jpg");
opacity: 0.5;
}

#titre_principal h1
{
display: inline-block;
position: relative;
left: 25px;
font-size: 60px;
color: rgb(16,84,98);
text-shadow: 4px 4px 3px rgb(59,59,59);
}

#titre_principal h2
{
display: inline-block;
position: relative;
left: 500px;
bottom: 45px;
text-align: left;
font-size: 35px;
color: rgba(16,84,98,0.7);
}


/* Section centrale (page principale) */
section
{
width: 1000px;
margin: auto;
}

article
{
display: inline-block; 
position: relative;
float: right;
background-color: rgb(120,168,187);
width: 250px;
height: 400px;
padding: 15px;
margin: 5px 10px 20px 10px;
overflow: scroll;
border-radius : 10px;
box-shadow: 4px 4px 3px gray;
word-wrap: break-word;
}

article p
{
color: rgb(237,236,221);
}

article h1
{
color: rgb(55,95,117);
}



#corps
{
width: 500px;
height: 600px;
margin: 20px;
padding: 20px;
position: relative;
left: 150px;
overflow: scroll;
text-align: justify;
word-wrap: break-word;
}

.photo1,.photo2,.photo3
{
display: inline-block; 
margin: 20px;
}


/* Navigation (menu) */
#menu
{
display: inline-block; 
z-index: 2;
position: relative;
margin: 0px 0px 20px 0px;
text-align: center;
top: -55px;
left: 12.5%;
background-color: rgb(120,168,187);
font-size: 1em;
box-shadow: 4px 4px 3px gray;
}
#menu ul
{
list-style-type: none;
}
#menu li
{
display: inline-block;
margin-right: 10px;
color: rgb(237,236,221);
text-decoration: none;
}
#menu a
{
padding: 5px;
background-color: rgb(120,168,187);
color: rgb(237,236,221);
text-decoration: none;
font-weight: bold;
}
#menu a:hover
{
padding: 5px;
background-color: rgb(55,95,117);
color: rgb(237,236,221);
text-decoration: none;
font-weight: bold;
}

/* Footer (Pied de page) */

footer
{
display: inline-block;
width: 1000px;
max-height: 150px;
position: relative;
padding: 15px 15px 15px 25px;
margin: 15px 15px 15px 15px;
background-color: rgb(221,220,206);
border: 5px;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 4px 3px gray;
}

#adresse,#site
{
display: inline-block;
vertical-align: top;
width: 40%;
max-height: 150px;
font-size: 0.8em;
position: relative;
left: 20%;
}


#logo_unif
{
display: inline-block;
vertical-align: top;
position: absolute;
left: 30px;
padding: 4px;
background-color: white;
border: 5px;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 4px 3px gray;
}

#logo_museo
{
display: inline-block; 
position: absolute;
left: 30px;
bottom: 5%;
background-color: white;
border: 3px white solid;
border-radius: 10px 10px 10px 10px;
box-shadow: 4px 4px 3px gray;
}



#info_compl
{
display: inline-block; 
vertical-align: bottom;
position: absolute;
text-align: left;
font-size: 0.9em;
}
#info_compl ul
{
list-style-type: none;
}
#info_compl li
{
display: inline-block;
text-decoration: underline;
}
#info_compl a
{
padding: 5px;
color: black;
text-decoration: underline;
font-weight: bold;
}
#info_compl a:hover
{
padding: 5px;
color: white;
text-decoration: underline;
font-weight: bold;
}


J'espère que tu ne vas pas trouver ça trop affreux : je débute !

Merci pour ton aide !

Bonne journée,

Oenia
Salut,
vis a vis de ton menu, il y a l'air d'avoir un problème évident que tu as corrigé d'un post à l'autre.
Dans un cas ton menu fait menu/menu_formation
et dans l'autre il fait ../menu_formation

Donc forcement quand tu lui dire d'inclure le 1er menu alors que c'est le 2e qu'il faut , ca ne va pas marcher ..

Dans ton cas, le plus simple serait de mettre en place un chemin absolue (depuis la racine), plutôt qu'un chemin relatif (à ta page).
En gros /menu/menu_formation par exemple si ton dossier menu est à la racine de ton site (en gros utiliser ton premier cas avec le / devant, sinon préciser le chemin que je ne peux pas deviner)
Modifié par mathieu1004 (05 Feb 2014 - 11:20)
Sujet clos
Aller à