probleme avec CSS pour une barre de navigation avec boutons reactifs
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
probleme avec CSS pour une barre de navigation avec boutons reactifs
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
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
up
Personne pour m aider sur ce probleme ?
Personne pour m aider sur ce probleme ?
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
toujours personne pour mon probleme ?
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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 !!!
je dois mettre mon nouveau theme de forum en ligne pour le 5 janvier ......
SVP de l aide !!!
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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
ETAPE 3 ...
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
ETAPE 3 ...
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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)
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)
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
à 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 ?
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 ?
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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
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
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
pouvez vous mettre le lien vers ce forum test ?
Merci .
Merci .
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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 .......
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 .......
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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 :
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*/
}
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
Bonsoir
Il faut enlever toutes les remarques et ça fonctionnera, à mon avis.
Pour essayer voilà le premier
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;
}
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
ça vient effectivement des apostrophes se trouvant dans les commentaires ...
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 :
ou ôter les apostrophes :
- 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 */
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
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
Re: probleme avec CSS pour une barre de navigation avec boutons reactifs
Sitôt ça fonctionne, évite les remarques /* bla */, les lettres avec accent style à ù é et les ' " et tu éviteras les problèmes
Sujets similaires
» problème avec mes boutons (barre navigation)
» Problème avec un code pour ma barre de navigation
» Boutons de barre de navigation avec déclinaison : Hover
» Installer des nouveaux boutons pour ma barre de navigation via un générateur
» Problème de boutons de navigation espacé et avec fond non transparent
» Problème avec un code pour ma barre de navigation
» Boutons de barre de navigation avec déclinaison : Hover
» Installer des nouveaux boutons pour ma barre de navigation via un générateur
» Problème de boutons de navigation espacé et avec fond non transparent
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum