Alignement boutons dans le menu

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

Résolu Alignement boutons dans le menu

Message par Wroys Lun 4 Avr 2011 - 19:42

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 :

Alignement boutons dans le menu Screen10

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
avatar

Wroys
Nouveau membre

Messages : 11
Inscrit(e) le : 04/04/2011

http://onetwothree.forumgratuit.org/
Wroys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Alignement boutons dans le menu

Message par Wroys Lun 4 Avr 2011 - 19:50

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

Wroys
Nouveau membre

Messages : 11
Inscrit(e) le : 04/04/2011

http://onetwothree.forumgratuit.org/
Wroys a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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