Bonjour à tous

Voila je voudrai que mon menu soit un peu le meme que celui du Site du Zéro en pointillé ça j'y arrive mais le probleme c'est que que quand je veux entourer mon lien avec les pointillés et bien le lien et collé aux pointillés !!J'aimerai qu'il soit centré mais ça ne marche pas


merci de m'aider

Montres ton code ou un lien vers ton site
Je penses que tu devrais mettre un padding, mais faut voir ton code

Code html :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai2.css" />

<div id="menu">
<div class="element_menu">

<p>
<span class="lien_gauche"><a href="index.html">Acceuil</a></span>
<span class="lien_centrer"><a href="livredor.php">Livre d'or</a></span>
<span class="lien_droit"><a href="videos.html">Videos</a></span>
</p>

</div>

</div>


Code CSS :


.element_menu
{
background-color: ;
background-image: url("design/bouton.png");
background-repeat: repeat-x;
border: 1px dashed black;
margin-left: 10px;
margin-bottom: 0px;
margin-top:100px;
}

#menu p .lien_centrer
{
margin : 0; /*Pour éviter les bugs d'affichage*/
border-right: 1px dashed black;
padding:15px;
}

#menu p .lien_gauche
{
margin-right: 60px; /*A ajuster*/
border-right: 1px dashed black;
padding:12px;

}

#menu p .lien_droit
{
margin-left: 60px; /*Idem*/
border-right: 1px dashed black;
padding:12px;
}


a
{
color : gray;
font-size:medium;

}

Fais ceci :


Si tu rajoutes dse a:hover ou autres,n'oublie pas le padding
Je penses que ça vient de là, mais si ça va pas, dis le moi

Je suis vraiment désolé mais je me suis trompé

Je veux faire un peu comme "Les tutoriaux" j'ai commencé mais le seul probleme que je rencontre c'est de faire fusionné la partie ou il y a les pointillés avec la bordure simple !!

voici le code :

Code html :

<link rel="stylesheet" media="screen" type="text/css" title="Design" href="essai2.css" />

<div id="menu">


<h3> <center>Le Menu</center></h3>
<div class="element_menu">

<p>
<span class="lien_gauche"><a href="index.html">Acceuil</a></span><br><br>
<span class="lien_centrer"><a href="livredor.php">Livre d'or</a></span><br><br>
<span class="lien_droit"><a href="videos.html">Videos</a></span><br><br>
</p>

</div>

</div>

Code CSS :

h3
{
border: 1px dashed gray;
width: 100px;
height: 23px;
color:gray;
font-size:small;
}
.element_menu
{
border-bottom: 1px dashed black;
border-left: 1px dashed black;
border-right: 1px dashed black;
width: 100px;
height: 125px;
text-align: center;
background-repeat: repeat-x;

}



merci et encore desole de t'avoir fait perdre ton temps

Pas grave
Mais là, je vois pas ton problème
Elle est où ta bordure simple ?

Pour tes codes, met les en formes pour nous les montrer, c'est plus agréable à lire. T'as la commande "code" pour la mise en forme. Tu choisis ton type de code, et tu le tapes entre les balises

Bonjour,
si j'ai bien compris tu veux coller les bordures autour des liens avec le cadre qui entoure le titre "Le menu", si c'est bien le cas il faut que tu enlèves les marges par défaut pour tes balises <p> et <h3>,
ajoutes ce code à ton css:

merci beaucoup !! ça marche !!