Problème de bordure avec un menu horizontal
Résolu
Ivor
Messages postés
136
Date d'inscription
Statut
Membre
Dernière intervention
-
Ivor Messages postés 136 Date d'inscription Statut Membre Dernière intervention -
Ivor Messages postés 136 Date d'inscription Statut Membre Dernière intervention -
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.
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:
- Problème de bordure avec un menu horizontal
- Bordure de page word - Guide
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
4 réponses
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.
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;
}
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à
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à