Problème de bordure avec un menu horizontal

Résolu/Fermé
Ivor Messages postés 136 Date d'inscription mercredi 23 janvier 2008 Statut Membre Dernière intervention 4 décembre 2012 - 19 nov. 2008 à 21:58
Ivor Messages postés 136 Date d'inscription mercredi 23 janvier 2008 Statut Membre Dernière intervention 4 décembre 2012 - 22 nov. 2008 à 14:22
Bonsoir à tous.
Voilà j'ai un petit problème dans la création d'un menu horizontal.
Je désire en faire un avec une bordure qui encadre le haut, le bas, à gauche et à droite. Le problème c'est que lorsque j'applique la bordure cela encardre tous les éléments contenus dans le menu. Conclusion je me retrouve avec un menu en plusieurs rectangles.
Quelqu'un peut m'aider ?

Bien à vous,
Ivor.
A voir également:

4 réponses

Chupachups23 Messages postés 73 Date d'inscription jeudi 13 novembre 2008 Statut Membre Dernière intervention 9 décembre 2009 18
20 nov. 2008 à 12:24
Je comprend pas trop ce que tu veux faire en faites :s
Tu souhaiterais que tous les éléments soit collé ou justement un espace entre les éléments pour voir ce qu'il y en dessous ??


edit: ahh une seule ligne avec des bordures mais qu'au bord de la ligne de tous les éléments.Je passerais par un conteneur en plus si je serais toi.
<div id="menu_h">
<div id="gg">
<a href="url_de_votre_page">Votre page</a>
<a href="url_de_votre_page2">Votre page2</a>
<a href="url_de_votre_page3">Votre page3</a>
<a href="url_de_votre_page4">Votre page4</a>
<a href="url_de_votre_page5">Votre page5</a>
</div>
</div> 



#menu_h
{
width: 98%;
height: 35px;
background-color: red ;
margin-bottom: 30px;
margin-left: 1%;
}
#gg
{
width: 100%;
margin-left: 1.4%;
}
#menu_h a
{
display:block;
float:left;
width:19.5%;
height:28px;
border:0px solid black;
text-align:center;
background-color: #626262;
text-decoration:none;
margin-top: 2;
}
#menu_h a, #menu_h a:visited
{
color: #B3B3B3;
text-align:center;
padding-top:3px;
}

#menu_h a:hover, #menu_h a:visited:hover
{
color:blue;
text-decoration:none;
} 
1
Soadmystic Messages postés 1262 Date d'inscription lundi 22 octobre 2007 Statut Membre Dernière intervention 1 avril 2009 249
19 nov. 2008 à 23:45
tu as bien mis les bordures au conteneur PRINCIPALE du menu ?
0
Ivor Messages postés 136 Date d'inscription mercredi 23 janvier 2008 Statut Membre Dernière intervention 4 décembre 2012 17
20 nov. 2008 à 10:49
Salut.

Oui je pense avoir mis les bordures correctement.

Voilà le code css :

#menu_h
{
width: 100%;
height: 30px;
background: url("fond_menu.png") repeat-x;
margin-bottom: 30px;
margin-left: 9px;
}
#menu_h a
{
display:block;
float:left;
width:19.5%;
height:30px;
border:0px solid black;
text-align:center;
background-color: #626262;
text-decoration:none;
}
#menu_h a, #menu_h a:visited
{
color: #B3B3B3;
text-align:center;
padding-top:3px;
}

#menu_h a:hover, #menu_h a:visited:hover
{
color:blue;
text-decoration:none;
}


et le code html correspondant au menu :

<div id="menu_h">

<a href="url_de_votre_page">Votre page</a>
<a href="url_de_votre_page2">Votre page2</a>
<a href="url_de_votre_page3">Votre page3</a>
<a href="url_de_votre_page4">Votre page4</a>
<a href="url_de_votre_page5">Votre page5</a>

</div>


Voilà voilà
0
Ivor Messages postés 136 Date d'inscription mercredi 23 janvier 2008 Statut Membre Dernière intervention 4 décembre 2012 17
22 nov. 2008 à 14:22
Salut je viens d'essayer ça n'a rien changé, enfin pas grand chose.
J'ai donc changé de méthode et j'ai appliqué un tableau et là c'est nikel
Mais merci pour l'aide apporté car c'est en lisant Chupachups23 que j'en ai eu l'idée donc merci ^^

Donc problème RESOLU !!!
0