Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 : 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.


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

Zeste
Membre habitué(e)

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!
avatar

Zeste
Membre habitué(e)

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 !
avatar

Zeste
Membre habitué(e)

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
avatar

Zeste
Membre habitué(e)

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

Scoubifitz
Membre actif

Masculin
Messages : 3598
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 : https://i.servimg.com/u/f35/15/75/02/96/2012-017.png
avatar

Zeste
Membre habitué(e)

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

Scoubifitz
Membre actif

Masculin
Messages : 3598
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 : 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;
}
avatar

Zeste
Membre habitué(e)

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



avatar

Scoubifitz
Membre actif

Masculin
Messages : 3598
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
avatar

Zeste
Membre habitué(e)

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