5568 sujets

Sémantique web et HTML

Insérer un menu

Bonjour à tous,

Voilà je dois rendre pour la rentrée un petit site xhtml/css.
Mon problème pour l'instant est que j'ai créé ma page de fond que je veux sur toutes les pages du site mais je n'arrive pas à insérer un menu horizontal sur cette page à l'endroit voulu;
Voici la page en question: upload/18822-photo15.jpg
je voudrais insérer le menu sur la barre horizontale noire
Salut marine59 et bienvenue, Smiley smile

marine59 a écrit :

j'ai créé ma page de fond que je veux sur toutes les pages du site mais je n'arrive pas à insérer un menu horizontal sur cette page à l'endroit voulu
C'est une erreur. Smiley cligne
Il faut partir du contenu et ne s'occuper de la présentation qu'après. Tu pourrais peut-être t'inspirer du tuto Design XHTML/CSS complet avec 2 colonnes de même hauteur pour la méthodologie. A priori tu as un header (en-tête), un menu, un contenu et un footer.

D'ailleurs le média web n'est pas fait pour être paginé (la hauteur des pages dépend du contenu, de la taille de police choisie par le visiteur et de sa résolution d'écran) et tu ne peux donc (sauf exception) pas avoir une image de hauteur fixe en arrière-plan.
Euh... ben c'est un tutoriel complet. Je ne vois pas comment je pourrais t'éclairer plus que cela est déjà fait. Smiley rolleyes
ok mais comment adapter ce tutoriel à ce que je veux faire moi.
Faut-il juste que je remplace aux endroits voulus ce dont j'ai besoin?
marine59 a écrit :

Faut-il juste que je remplace aux endroits voulus ce dont j'ai besoin?
Non, c'était juste pour te parler de méthodologie.

Pour commencer il faut partir du contenu. Par exemple :
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Test</title>
</head>
<body>
<div id="conteneur">
	<h1><img src="header.gif" width="800" height="150" alt="Surfing North Side" /></h1>
	<ul id="menu">
		<li><a href="lien1.php">Lien1</a></li>
		<li><a href="lien2.php">Lien2</a></li>
		<li><a href="lien3.php">Lien3</a></li>
		<li><a href="lien4.php">Lien4</a></li>
	</ul>
	<div id="contenu">
		<p>Blabla</p>
	</div>
	<div id="footer">
		<img src="footer.gif" width="800" height="150" alt="Réalisé par ... 2008" />
	</div>
</div>
</body>
</html>
Ensuite s'occuper des CSS...
Voilà ce que j'ai fait maintenant,dis moi si j'ai bien suivi le début.et comment organiser le début du CSS si je veux mettre le menu en mode horizontal
Sujet clos
Aller à