Alignement boutons dans le menu
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Alignement boutons dans le menu
Bonjour
J'ai un problème avec ma barre de navigation.
J'ai suivi un des tutos (je sais plus où), pour avoir de beaux boutons qui changent quand la souris passe dessus.
Sauf que j'obtiens un truc moche comme ça :
Ma question est donc : comment aligner les boutons ?
Voici le Css concerné
Merci d'avance.
J'ai un problème avec ma barre de navigation.
J'ai suivi un des tutos (je sais plus où), pour avoir de beaux boutons qui changent quand la souris passe dessus.
Sauf que j'obtiens un truc moche comme ça :
Ma question est donc : comment aligner les boutons ?
Voici le Css concerné
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('https://2img.net/r/hpimg4/pics/851316acc.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('https://2img.net/r/hpimg4/pics/551099acchover.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/profil10.gif'); /*image si la souris ne survole pas*/
width:77 /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/profil11.gif'); /*image si la souris survole*/
width:81px; /*Largeur de l'image*/
height:32px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/mp10.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/mphove10.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/mpnew10.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/mpnew10.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/deco10.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/decoho10.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/senreg10.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/senreg11.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/connex10.gif'); /*image si la souris ne survole pas*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('https://i.servimg.com/u/f66/16/36/02/25/connex11.gif'); /*image si la souris survole*/
width:77px; /*Largeur de l'image*/
height:30px; /*Hauteur de l'image*/
}
Merci d'avance.
Dernière édition par Wroys le Lun 4 Avr 2011 - 23:06, édité 1 fois
Re: Alignement boutons dans le menu
En fait, j'ai trouvé la réponse ^^
Il manquait un point-virgule et un px, et les hauteurs d'images étaient mauvaises. Mais il me reste tout de même une question : comment aligner tout ça au milieu de ma page ?
Il manquait un point-virgule et un px, et les hauteurs d'images étaient mauvaises. Mais il me reste tout de même une question : comment aligner tout ça au milieu de ma page ?
Sujets similaires
» problème d'alignement des boutons du menu
» Enlever des boutons dans le menu
» Largeur des boutons dans le menu
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
» Alignement des boutons
» Enlever des boutons dans le menu
» Largeur des boutons dans le menu
» VERSION MOBILE - Changer icône et nom dans le menu + rajouter message privé MP/DM dans le menu
» Alignement des boutons
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum