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
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
A voir également:
- Problème de bordure avec un menu horizontal
- Bordure de page word - Guide
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
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
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.
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; }
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
19 nov. 2008 à 23:45
tu as bien mis les bordures au conteneur PRINCIPALE du menu ?
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
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à
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à
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
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 !!!
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 !!!