5568 sujets

Sémantique web et HTML

Centrer un texte dans un menu créer moi meme

bonsoir je souhaitre centrer mon texte dans mon menu j'ai tout essayé mais rien n'y fait si vous pouviez me donner un petit coup de pouce ce serait sympa

code xhtml

<html>
<head>
<title>LANCER WORD</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link rel="stylesheet" media="all" type="text/css" title="Design sombre" href="design.css" />
<body bgcolor="#D4B9E8">
<center><div id="en_tete"></center>

</div>
<div id="menu">

<div class="element_menu">
<h3><u>Cours Word 2002</u></h3>
<ul>
<li><a href="page1.html">Lien</a></li>
<li><a href="page2.html">Lien</a></li>
<li><a href="page3.html">Lien</a></li>
</ul>
</div>

<div class="element_menu">
<h3>menu</h3>
<ul>
<li><a href="page4.html">Lien</a></li>
<li><a href="page5.html">Lien</a></li>
<li><a href="page6.html">Lien</a></li>
</ul>
</div>

</div>


<div id="corps">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<p><strong><img src="anin18.gif"alt="fleche"></a> Choisissez <img src="ch01_image001.gif"alt="programme"></a> dans le menu <img src="ch01_image003.gif"alt="programme"></a></strong>.</p>
<p><strong>Un sous-menu apparaît.</strong></p> <br>
<p><strong><img src="anin18.gif"alt="programme"></a> Choisissez .<a href="imgen01_1.gif">(Image)</A> </p>
<p><strong>L’application est lancée.
Si vous utilisez fréquemment WORD 2002,<br>
il est conseillé de créer sur le bureau un «raccourci» permettant d’accéder rapidement au logiciel.
Si vous utilisez à chaque session de travail WORD 2002, il est conseillé d’ajouter
WORD à votre dossier Démarrage.</strong></p>
<p><span class="remarque"><strong>REMARQUE : La création des raccourcis et l’utilisation du dossier démarrage
sont développés dans le chapitre WINDOWS.</span></strong></p>
<p><strong>Pour démarrer sur un document, ð Activez le dossier contenant le document à
ouvrir à partir de la fenêtre «Poste de travail» ou de l'Explorateur Windows.
Les documents WORD sont caractérisés par l’icône . </strong></p>
<p><strong>ð Double-cliquez sur l’icône du document à ouvrir. WORD 2002 est lancé et le
document est automatiquement ouvert. </strong></p>
<p><span class="remarque"><strong>REMARQUE : WORD 2002 génère une fenêtre application à chaque ouverture de document</span> </strong></p>
</p><strong>

</div>

<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>

</body>
</html>


code css

body
{
width: 760px;
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
background-image: url("images/fond.png");
}

/* L'en-tête */

#en_tete
{
width: 760px;
height: 100px;
background-image: url("images/banniere.png");
background-repeat: no-repeat;
margin-bottom: 10px;
}


/* Le menu */

#menu
{
float: left;
width: 120px;
height: 150px;
margin-left: auto;
margin-right: auto;
display: block;

}

.element_menu
{
background-color: #626262;
background-image: url("menu.gif");
background-repeat: repeat-x;
margin-left: auto;
margin-right: auto;
border: 2px solid black;
margin-bottom: auto;
}

/* Quelques effets sur les menus */


.element_menu h3
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.element_menu ul
{
list-style-image: url("images/puce.png");
padding: auto;
padding-left: auto;
margin: 0px;
margin-bottom: auto;
margin-left: auto;
margin-right: auto;
}

.element_menu a
{
color: #B3B3B3;
margin-left: auto;
margin-right: auto;
}

.element_menu a:hover
{
background-color: #B3B3B3;
color: black;
margin-left: auto;
margin-right: auto
}


/* Le corps de la page */

#corps
{
margin-left: 140px;
margin-bottom: 20px;
padding: 5px;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

#corps h1
{
color: #B3B3B3;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}

#corps h2
{
height: 30px;

background-image: url("images/titre.png");
background-repeat: no-repeat;

padding-left: 30px;
color: #B3B3B3;
text-align: left;
}


/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
padding: 5px;

text-align: center;

color: #B3B3B3;
background-color: #626262;
background-image: url("images/motif.png");
background-repeat: repeat-x;

border: 2px solid black;
}

si quelqu'un peut me dire ou j'ai fait une erreur Smiley lol ca m'arrangerais
bien

http://img224.exs.cx/img224/4385/image67cd.gif

vous pouvez voir ce que ca donne à peu près sur le lien ci dessus merci pour les réponses bisous à tous Smiley fache
Bonsoir cecile155 et bienvenue sur le forum Alsacréations Smiley lol

Pour faciliter la lecture de ton code, est-ce que tu pourrais utiliser les balises [ code][/code ] (sans les espaces) ? Tu peux les ajouter en éditant ton post.

Merci par avance Smiley cligne

--
Stephan
Sujet clos
Aller à