Problème d'affichage sur le profil

[Zeste]

Bonjour,

J'ai crée un menu dropdown mais il manque un padding regardez : https://i.servimg.com/u/f37/17/57/97/49/2012-011.png

Que faut-il rajouter dans le css? :s
Les menus sont collés.

Je vous donne le CSS :

Code:

/* MENU DEROULANT DROPDOWN*/

#sddm
{   margin: 0;
   padding: 0;
   z-index: 30}

#sddm li
{   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   font: bold 11px arial}

#sddm li a
{   display: block;
   margin: 0 1px 0 0;
   padding: 4px 10px;
   width: 140px;
   background: #5970B2;
   color: #FFF;
   text-align: center;
   text-decoration: none}

#sddm li a:hover
{   background: #49A3FF}

#sddm div
{   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #EAEBD8;
   border: 1px solid #5970B2}

   #sddm div a
   {   position: relative;
      display: block;
      margin: 0;
      padding: 5px 10px;
      width: auto;
      white-space: nowrap;
      text-align: left;
      text-decoration: none;
      background: #EAEBD8;
      color: #2875DE;
      font: 11px arial}

   #sddm div a:hover
   {   background: #49A3FF;
      color: #FFF}

Edit: Ce topic est pas à la bonne place, désolé.

Eidt²: le menu drop down n'a rien à voir.

[Zeste]

UP!

[Zeste]

Up !

[Zeste]

up

[Scoubifitz]

Bonjour,

J'ai crée un menu dropdown mais il manque un padding regardez : https://i.servimg.com/u/f37/17/57/97/49/2012-011.png

Que faut-il rajouter dans le css? :s
Les menus sont collés.

Je vous donne le CSS :

Code:

/* MENU DEROULANT DROPDOWN*/

#sddm
{   margin: 0;
   padding: 0;
   z-index: 30}

#sddm li
{   margin: 0;
   padding: 0;
   list-style: none;
   float: left;
   font: bold 11px arial}

#sddm li a
{   display: block;
   margin: 0 1px 0 0;
   padding: 4px 10px;
   width: 140px;
   background: #5970B2;
   color: #FFF;
   text-align: center;
   text-decoration: none}

#sddm li a:hover
{   background: #49A3FF}

#sddm div
{   position: absolute;
   visibility: hidden;
   margin: 0;
   padding: 0;
   background: #EAEBD8;
   border: 1px solid #5970B2}

   #sddm div a
   {   position: relative;
      display: block;
      margin: 0;
      padding: 5px 10px;
      width: auto;
      white-space: nowrap;
      text-align: left;
      text-decoration: none;
      background: #EAEBD8;
      color: #2875DE;
      font: 11px arial}

   #sddm div a:hover
   {   background: #49A3FF;
      color: #FFF}

Edit: Ce topic est pas à la bonne place, désolé.

bonsoir,

votre menu dropdown n'est pas sur l'image , il n'y a que la barre de navigation et les boutons "nouveau" et "répondre" ...

essayez de règler à cet endroit là :

#sddm li a{
display: block;
margin:10px 1px 10px 0;
padding: 4px 10px;
width: 140px;
background: #5970B2;
color: #FFF;
text-align: center;
text-decoration: none;
}

[Zeste]

Bonsoir,

J'ai essayé, mais ça ne change rien.

J'ai aussi un problème de code html, regardez : https://i.servimg.com/u/f35/15/75/02/96/2012-017.png

[Scoubifitz]

c'est un souci de CSS au niveau du mainmenu ...

trouvez cette partie de code dans le CSS , et rajoutez la partie en orange :

a.mainmenu{-webkit-border-radius:6px;
background-color:#1F344D;
border:1px solid #EAF2F1;
border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0,0.5), 0 2px 2px rgba(255,255,255,0.5) inset;
color:#fff;
position:relative;
bottom:5px;
margin:0px;
padding:2px 5px;
}

[Zeste]

Bonjour,

J'ai corrigé en ce que vous m'avez dit, mais ça ne fait rien.
Cela donne ceci maintenant : https://i.servimg.com/u/f35/15/75/02/96/2012-018.png

Voici le code des boutons :

Code:

/* Effet au survol de chaque bouton*/
a.mainmenu:hover {border:1px solid #20aec8;color:#EAF2F1}

/*Suppression de la place des images*/
#i_icon_mini_message ,#i_icon_mini_gallery ,#i_icon_mini_new_message ,#i_icon_mini_members ,#i_icon_mini_groups ,#i_icon_mini_profile ,
#i_icon_mini_logout , #i_icon_mini_login ,#i_icon_mini_index ,#i_icon_mini_portal ,#i_icon_mini_faq,#i_icon_mini_search ,
#i_icon_mini_register ,#i_icon_mini_calendar
{display:none;}

#i_icon_mini_message ,#i_icon_mini_new_message ,#i_icon_mini_members ,#i_icon_mini_groups ,#i_icon_mini_profile ,
#i_icon_mini_logout , #i_icon_mini_login ,#i_icon_mini_index ,#i_icon_mini_portal ,#i_icon_mini_faq,#i_icon_mini_search ,
#i_icon_mini_register ,#i_icon_mini_calendar
{display:none;}

a.mainmenu{-webkit-border-radius:6px;
background-color:#1F344D;
border:1px solid #EAF2F1;
border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0,0.5), 0 2px 2px rgba(255,255,255,0.5) inset;
color:#fff;
position:relative;
bottom:5px;
margin:0px;
padding:2px 5px;
}
a.mainmenu:hover {
color: #1F344D;
text-decoration: underline;
background-color: #EAF2F1;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.5) inset, 0px 2px 2px 0px rgba(255, 255, 255, 0.5);
font-style: bold;
}

[Scoubifitz]

si,si ça a soulevé la ligne de 5px ...

remplacez le a.mainmenu par :

Code:

a.mainmenu{-webkit-border-radius:6px;
background-color:#1F344D;
border:1px solid #EAF2F1;
border-radius:10px;
box-shadow:0 2px 2px rgba(0,0,0,0.5), 0 2px 2px rgba(255,255,255,0.5) inset;
color:#fff;
position:relative;
bottom:0px;
margin:1px;
display:inline-block;
padding:2px 5px;
}

[Zeste]

Impécable, merci.