probleme avec CSS pour une barre de navigation avec boutons reactifs

3 participants

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 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 :
https://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
avatar

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 Lun 29 Déc 2014 - 14:20

up
Personne pour m aider sur ce probleme ?
avatar

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 Mer 31 Déc 2014 - 14:48

toujours personne pour mon probleme ?
avatar

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 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 !!!

avatar

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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('https://i.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)
avatar

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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

avatar

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 Sam 3 Jan 2015 - 14:14

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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 .......
avatar

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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

AenigmA
Membre actif

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

Scoubifitz
Membre actif

Masculin
Messages : 3687
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 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
avatar

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

AenigmA
Membre actif

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 Sam 3 Jan 2015 - 20:23

ok merci bien
avatar

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

- Sujets similaires

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