probleme avec CSS pour une barre de navigation avec boutons reactifs

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

Résolu probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 27 Déc 2014 - 15:20

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://wgt-scc.forum-canada.com/

Description du problème

Bonjour,
je rencontre un soucis pour creer une barre de navigation avec des boutons reactifs comme sur le tuto présenté ici :
http://forum.forumactif.com/t246228-images-de-la-barre-de-navigation-modifiees-au-passage-de-la-souris

J ai donc fait ma feuille CSS comme precisé dans le topic , mais lorsque j affiche mon theme temporaire j ai la sensation que les boutons sont en place mais ils ne sont pas visibles ??

Quelqu un pourrait il m aider svp ?
Merci



Dernière édition par Neibaf23 le Sam 3 Jan 2015 - 20:13, édité 1 fois

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Lun 29 Déc 2014 - 14:20

up
Personne pour m aider sur ce probleme ?

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Mer 31 Déc 2014 - 14:48

toujours personne pour mon probleme ?

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Ven 2 Jan 2015 - 23:41

up mon probleme est toujours d actualité !!! toujours personne pour me venir en aide ?
je dois mettre mon nouveau theme de forum en ligne pour le 5 janvier ......
SVP de l aide !!!


Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Scoubifitz le Sam 3 Jan 2015 - 0:06

bonsoir,

Il est difficile de vous aider sans plus de détails ...

Comme le CSS de vos boutons n'est pas sur le forum , pouvez vous le placer ici entre balises code ?

avez vous suivi les étapes du tutoriel ?
notamment :

3. Tutoriel : Marche à suivre
Like a Star @ heaven ETAPE 3 ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 3 Jan 2015 - 11:29

merci de votre reponse
Voici le copier coller de mon CSS

}
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calen10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/calend12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq110.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/faq10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/sans_t26.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/recher13.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membr10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/membre11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/prof10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/profil12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/messag12.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/mp11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/16217514.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/decone11.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/deconn11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enregi10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/enreg10.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex10.gif'); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url('http://i39.servimg.com/u/f39/18/25/38/32/connex11.gif'); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}



Pour l etape 3 !! oui j ai bien rentrer dans le panneau des images cette formule (empty)

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Scoubifitz le Sam 3 Jan 2015 - 13:10

à part l'accolade en trop } en début de CSS , je ne vois pas ...

en tout cas , les modifications n'ont pas été faites sur le forum cité :

Lien du forum : http://wgt-scc.forum-canada.com/

Sur ce forum , les images de navigation n'ont pas été remplacées par des images empty , et le code CSS ne s'y trouve pas ...
A tout hasard , merci de désactiver : Optimiser votre CSS Non

Avez vous testé sur un autre forum , ou un forum test ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 3 Jan 2015 - 13:39

non le theme actuel de notre forum ne comporte pas ces modifications ,
elles sont pour le prochain theme que je dois mettre en ligne sous peu
Toutes ces modifications sont sur le forum temporaire avant une mise en ligne ......
Merci de votre aide malgré tout


Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Scoubifitz le Sam 3 Jan 2015 - 14:14

pouvez vous mettre le lien vers ce forum test ?
Merci .

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 3 Jan 2015 - 15:33

oui bien sur ..... le seul soucis c'est que je ne sais pas trop comment le faire ... enfin j ai un petit doute !!

Lorsque je suis sur le panneau d administration du forum , je fais un clic droit souris pour ouvrir le test dans un nouvel onglet ce qui me donne cette adresse url :
http://wgt-scc.forum-canada.com/?change_temp=6&change_version=subsilver
http://wgt-scc.forum-canada.com/?change_temp=6&change_version=subsilver

J espere que ca vous permet de l ouvrir .......

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Scoubifitz le Sam 3 Jan 2015 - 15:43

Vu ...

il y a un souci d'apostrophes dans les liens des images , mais je ne sais pas pourquoi ...

Remplacez le CSS par celui ci :

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/calen10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/calend12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/faq110.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/faq10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/sans_t26.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/recher13.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/membr10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/membre11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/prof10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/profil12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/messag11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/messag12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/mp11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/16217514.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/decone11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/deconn11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/enregi10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/enreg10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/connex10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/connex11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par AenigmA le Sam 3 Jan 2015 - 17:06

Bonsoir

Il faut enlever toutes les remarques et ça fonctionnera, à mon avis.

Pour essayer voilà le premier

Code:
#i_icon_mini_index {
    background-image: url("http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif");
    height: 55px;
    width: 55px;
}
#i_icon_mini_index:hover{
background-image:url("http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif");
width:70px;
height:70px;
}

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Scoubifitz le Sam 3 Jan 2015 - 18:02

ça vient effectivement des apostrophes se trouvant dans les commentaires ...

Code:
/*Largeur de l'image*/

Comme les balises de commentaires sont collées au texte , et que le CSS est en option " optimisé " ,
le CSS est "lu" d'une seule traite et reconnait les apostrophes dans les balises commentaire ...

il faudrait écarter les balises du texte :

Code:
/* Largeur de l'image */

ou ôter les apostrophes :

Code:
/* Largeur - image */

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 3 Jan 2015 - 20:12

@Scoubifitz a écrit:Vu ...

il y a un souci d'apostrophes dans les liens des images , mais je ne sais pas pourquoi ...

Remplacez le CSS par celui ci :

Code:
/*IMAGE INDEX*/
#i_icon_mini_index{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/accu10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/acceui10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/calen10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/calend12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/faq110.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/faq10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/sans_t26.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/recher13.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE LISTE MEMBRES*/
#i_icon_mini_members{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/membr10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/membre11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/prof10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/profil12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/messag11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/messag12.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/mp11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/16217514.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/decone11.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/deconn11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/enregi10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/enreg10.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/connex10.gif); /*image si la souris ne survole pas*/
width:55px; /*Largeur de l'image*/
height:55px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
background-image:url(http://i39.servimg.com/u/f39/18/25/38/32/connex11.gif); /*image si la souris survole*/
width:70px; /*Largeur de l'image*/
height:70px; /*Hauteur de l'image*/
}



Merci beaucoup c'est ok ca fonctionne !!!!!
MErci enormement car tout ca est tres nouveau pour moi et j avance pas a pas avec un peu de difficultée mais grace a des membres comme vous ca fait plaisir de concretiser les choses .....
Encore merci

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par AenigmA le Sam 3 Jan 2015 - 20:19

Sitôt ça fonctionne, évite les remarques /* bla */, les lettres avec accent style à ù é et les ' " et tu éviteras les problèmes

AenigmA
+ Hyperactif +

Masculin
Messages : 2228
Inscrit(e) le : 10/03/2005

http://aenigma.forumactif.fr/
AenigmA a été remercié(e) par l'auteur de ce sujet.

Résolu Re: probleme avec CSS pour une barre de navigation avec boutons reactifs

Message par Neibaf23 le Sam 3 Jan 2015 - 20:23

ok merci bien

Neibaf23
*

Messages : 41
Inscrit(e) le : 07/12/2014

http://wgt-scc.forum-canada.com/
Neibaf23 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