Un petit trait qui apparaît entre mes boutons (menu)
Résolu
Eritou
Messages postés
110
Date d'inscription
Statut
Membre
Dernière intervention
-
Eritou Messages postés 110 Date d'inscription Statut Membre Dernière intervention -
Eritou Messages postés 110 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai entre mes boutons un petit trait (voir photo) dont il m'est impossible de trouver la cause.
Je vous joint les CSS :
Quelqu'un saurait-il la cause de ce soucis ?
Merci et bon week-end,
E.
J'ai entre mes boutons un petit trait (voir photo) dont il m'est impossible de trouver la cause.
Je vous joint les CSS :
body{
width: 100%;
height: 100%;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
text-align: center;
}
.container {
padding: 0;
position: relative;
text-align: center;
width: 100%;
background-color: #272727;
}
/* Button */
#menu{
width: 100%;
height: 35px;
background-color: #272727;
margin-left: 0px;
margin-right: 0px;
margin-top: 0px;
}
.button {
color: #dc4d4d;
cursor: pointer;
display: inline-block;
height: 35px;
letter-spacing: 2px;
line-height: 35px;
/* [disabled]float: left; */
min-width: 220px;
overflow: hidden;
position: relative;
text-align: center;
-webkit-transition: background-color 0.35s;
-moz-transition: background-color 0.35s;
transition: background-color 0.35s;
padding-left: 0px;
padding-right: 0px;
margin-left: 0px;
margin-right: 0px;
width: auto;
}
.label {
display: block;
height: 100%;
padding-top: 0;
padding-right: 10px;
/* [disabled]padding-left: 10px; */
padding-bottom: 0;
position: relative;
top: 0%;
-webkit-transition: top 0.35s;
-moz-transition: top 0.35s;
transition: top 0.35s;
width: 100%;
}
.button:hover {
background-color: #23b2b2;
color: #fff;
}
.button:hover .label {
top: -100%;
}
/*Main Page Styles*/
.middleMan{
margin: 0 auto;
width: 100%;
text-align: center;
}
Quelqu'un saurait-il la cause de ce soucis ?
Merci et bon week-end,
E.
A voir également:
- Un petit trait qui apparaît entre mes boutons (menu)
- Menu déroulant excel - Guide
- Clé usb n'apparait pas - Guide
- Comment réinitialiser un téléphone avec les boutons - Guide
- Trait d'union insécable word - Guide
- Trait vertical clavier - Forum Excel
2 réponses
Salut,
Sauf à être devin, avec tout ce que tu donnes il me semble bien peu probable que ton problème puisse être identifié, notamment sans le code HTML. Ta page n'est pas accessible ?
Sauf à être devin, avec tout ce que tu donnes il me semble bien peu probable que ton problème puisse être identifié, notamment sans le code HTML. Ta page n'est pas accessible ?
Slt telliak,
Voici le html complet de la barre des menus :
J'étais persuadé que le problème venait des CSS, d'où le HTML non inclus dans la question. As-tu une idée du soucis ?
Merci,
E.
Voici le html complet de la barre des menus :
<div id="menu">
<div class="middleMan">
<a href="menu_archive.html" rel="nofollow" target="_blank">
<div class="button">
<span class="label">Portfolio</span>
<span class="label">What I've Done</span>
</div>
</a>
<a href="menu_archive.html" rel="nofollow" target="_blank">
<div class="button">
<span class="label">Services</span>
<span class="label">What I Do</span>
</div>
</a>
<a href="#contact" rel="nofollow" target="_blank">
<div class="button">
<span class="label">CONTACT</span>
<span class="label">Say hello, or ask a question</span>
</div>
</a>
</div>
</div>
J'étais persuadé que le problème venait des CSS, d'où le HTML non inclus dans la question. As-tu une idée du soucis ?
Merci,
E.
