Problème d'affichage sur le profil

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème d'affichage sur le profil

Message par Zeste le Ven 3 Aoû 2012 - 21:15

Bonjour,

J'ai crée un menu dropdown mais il manque un padding regardez : http://i37.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.


Dernière édition par Daylaton le Mar 7 Aoû 2012 - 15:58, édité 3 fois

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Sam 4 Aoû 2012 - 23:21

UP!

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Dim 5 Aoû 2012 - 23:58

Up !

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Mar 7 Aoû 2012 - 0:12

up

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Scoubifitz le Mar 7 Aoû 2012 - 1:02

Daylaton a écrit:Bonjour,

J'ai crée un menu dropdown mais il manque un padding regardez : http://i37.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;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Mar 7 Aoû 2012 - 1:28

Bonsoir,

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

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

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Scoubifitz le Mar 7 Aoû 2012 - 3:00

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;
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Mar 7 Aoû 2012 - 9:07

Bonjour,

J'ai corrigé en ce que vous m'avez dit, mais ça ne fait rien.
Cela donne ceci maintenant : http://i35.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;
}

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème d'affichage sur le profil

Message par Scoubifitz le Mar 7 Aoû 2012 - 15:50

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

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;
}




Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'affichage sur le profil

Message par Zeste le Mar 7 Aoû 2012 - 15:57

Impécable, merci. Wink

Zeste
# Tropactif #

Féminin
Messages : 1366
Inscrit(e) le : 28/11/2010

Zeste a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum