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



Ma question est donc : comment aligner les boutons ?

Voici le Css concerné
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://img4.hostingpics.net/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('http://img4.hostingpics.net/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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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://i66.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

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

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


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