Barre de navigation survoler les images

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

Résolu Barre de navigation survoler les images

Message par Unwanted le Mar 27 Sep 2011 - 23:49

Bonsoir,

j'ai décidé d'installer une barre de navigation avec la feuille de style css de mon forum en suivant les instructions que forumactif met à disposition ici

J'ai suivis les instructions données avec soin mais ma barre de navigation de s'affiche plus sur ma page d'acceuil.

Voici ce que j'ai inséré dans ma feuille css :

Code:
/*IMAGE INDEX*/#i_icon_mini_index{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_151.jpg*/  width:??px; /*73*/  height:??px; /*42*/}#i_icon_mini_index:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_155.jpg*/  width:??px; /*83*/  height:??px; /*48*/}/*IMAGE PORTAIL*/#i_icon_mini_portal{  background-image:url('URL'); /*image si la souris ne survole pas*/  width:??px; /*Largeur de l'image*/  height:??px; /*Hauteur de l'image*/}#i_icon_mini_portal:hover{  background-image:url('URL'); /*image si la souris survole*/  width:??px; /*Largeur de l'image*/  height:??px; /*Hauteur de l'image*/}/*IMAGE CALENDRIER*/#i_icon_mini_calendar{  background-image:url('URL'); /*image si la souris ne survole pas*/  width:??px; /*Largeur de l'image*/  height:??px; /*Hauteur de l'image*/}#i_icon_mini_calendar:hover{  background-image:url('URL'); /*image si la souris survole*/  width:??px; /*Largeur de l'image*/  height:??px; /*Hauteur de l'image*/}/*IMAGE FAQ*/#i_icon_mini_faq{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_140.jpg*/  width:??px; /*39*/  height:??px; /*42*/}#i_icon_mini_faq:hover{  background-image:url('URL'); /*://i48.servimg.com/u/f48/16/88/19/38/sans_156.jpg*/  width:??px; /*45*/  height:??px; /*48*/}/*IMAGE RECHERCHE*/#i_icon_mini_search{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_141.jpg */  width:??px; /*83*/  height:??px; /*42*/}#i_icon_mini_search:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_157.jpg*/  width:??px; /*95*/  height:??px; /*48*/}/*IMAGE LISTE MEMBRES*/#i_icon_mini_members{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_142.jpg*/  width:??px; /*87*/  height:??px; /*42*/}#i_icon_mini_members:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_158.jpg*/  width:??px; /*99*/  height:??px; /*48*/}/*IMAGE GROUPES*/#i_icon_mini_groups{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_143.jpg*/  width:??px; /*79*/  height:??px; /*42*/}#i_icon_mini_groups:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_159.jpg*/  width:??px; /*90*/  height:??px; /*48*/}/*IMAGE PROFIL*/#i_icon_mini_profile{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_144.jpg*/  width:??px; /*59*/  height:??px; /*42*/}#i_icon_mini_profile:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_160.jpg*/  width:??px; /*67*/  height:??px; /*48*/}/*IMAGE MP (pas de nouveaux messages)*/#i_icon_mini_message{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_145.jpg*/  width:??px; /*103*/  height:??px; /*42*/}#i_icon_mini_message:hover{  background-image:url('URL'); /*://i48.servimg.com/u/f48/16/88/19/38/sans_161.jpg*/  width:??px; /*118*/  height:??px; /*48*/}/*IMAGE MP (nouveaux messages)*/#i_icon_mini_new_message{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/11162811.gif*/  width:??px; /*103*/  height:??px; /*42*/}#i_icon_mini_new_message:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_162.jpg*/  width:??px; /*118*/  height:??px; /*48*/}/*IMAGE DECONEXION*/#i_icon_mini_logout{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_147.jpg*/  width:??px; /*123*/  height:??px; /*42*/}#i_icon_mini_logout:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_163.jpg*/  width:??px; /*141*/  height:??px; /*48*/}/*IMAGE S'ENREGISTRER*/#i_icon_mini_register{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/11162812.gif*/  width:??px; /*93*/  height:??px; /*42*/}#i_icon_mini_register:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_164.jpg*/  width:??px; /*106*/  height:??px; /*48*/}/*IMAGE CONNEXION*/#i_icon_mini_login{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_148.jpg*/  width:??px; /*104*/  height:??px; /*42*/}#i_icon_mini_login:hover{  background-image:url('URL'); /*http://i48.servimg.com/u/f48/16/88/19/38/sans_165.jpg*/  width:??px; /*119*/  height:??px; /*48*/}

Quelqun saurait-il identifier le problème ?
Merci d'avance

Unwanted
Nouveau membre

Messages : 2
Inscrit(e) le : 27/09/2011

http://test-design.frbb.net
Unwanted a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation survoler les images

Message par Ea le Mer 28 Sep 2011 - 0:45

Bonjour,


Il faut remplacer les ?? par la bonne taille à chaque fois ^^

Ea
Aidactif
Aidactif

Messages : 23429
Inscrit(e) le : 04/04/2008

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

Résolu Re: Barre de navigation survoler les images

Message par Unwanted le Mer 28 Sep 2011 - 11:53

C'est à dire que je dois remplacer les ?? par la bonne taille ainsi que ici :

/*Largeur de l'image*/ /*Hauteur de l'image*/

?

Unwanted
Nouveau membre

Messages : 2
Inscrit(e) le : 27/09/2011

http://test-design.frbb.net
Unwanted a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation survoler les images

Message par missx le Mer 28 Sep 2011 - 13:46

tu doit mettre l'url de l'image à la place de URL ainsi que les dimensions
par exemple :
Code:
#i_icon_mini_index{  background-image:url('http://i48.servimg.com/u/f48/16/88/19/38/sans_151.jpg');  width:73px;  height:42px; }
ce qu'il y a entre /* */ ce sont des indications sur ce que tu doit faire, ce n'est pas pris en compte par le css.
a+

missx
+ Hyperactif +

Féminin
Messages : 2895
Inscrit(e) le : 12/05/2007

http://google.fr
missx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Barre de navigation survoler les images

Message par Invité le Jeu 6 Oct 2011 - 8:07

Bonjour,

Afin de faciliter la gestion des problèmes, si votre problème est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu
  • Et enregistrer en cliquant sur


Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton

A bientôt sur ForumActif Smile

Invité
Invité


Invité 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