images absentes de la navigation

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

Résolu images absentes de la navigation

Message par emc2 le Mer 25 Sep 2013 - 21:32

Bonsoir,
Je vous soumets un petit problème que je ne comprends pas. J'ai placé ce code dans le CSS pour rendre la barre de navigation plus sympa.
Quand je la teste sur mon forum test, cela marche bien, mais lorsque je l'applique sur le forum qui lui est destiné, cela donne l'image qui se trouve dans le spoiler.
Code:
a.mainmenu {
    margin: 0px;
}
.hautqeel{margin-left: 40px;}
/*IMAGE ACCUEIL*/
#i_icon_mini_index{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/83_24_10.png');/*image si la souris
ne survole pas*/
   width:83px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_index:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/83_24_11.png');
/*image si la souris survole*/
   width:83px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE CALENDRIER*/
#i_icon_mini_calendar{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/113_2410.png'); /*image si la souris

ne survole pas*/
   width:113px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_calendar:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/113_2411.png');

/*image si la souris survole*/
   width:113px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE FAQ*/
#i_icon_mini_faq{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/33_24_10.png'); /*image si la souris

ne survole pas*/
   width:33px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_faq:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/33_24_11.png');

/*image si la souris survole*/
   width:33px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE RECHERCHE*/
#i_icon_mini_search{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/125_2410.png'); /*image si la souris

ne survole pas*/
   width:125px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_search:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/125_2411.png');

/*image si la souris survole*/
   width:125px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE MEMBRES*/
#i_icon_mini_members{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/98_24_10.png'); /*image si la souris

ne survole pas*/
   width:98px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_members:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/98_24_11.png');

/*image si la souris survole*/
   width:98px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE GROUPES*/
#i_icon_mini_groups{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/80_24_10.png'); /*image si la souris

ne survole pas*/
   width:80px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_groups:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/80_24_11.png');

/*image si la souris survole*/
   width:80px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE PROFIL*/
#i_icon_mini_profile{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/51_24_10.png'); /*image si la souris

ne survole pas*/
   width:51px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_profile:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/51_24_11.png');

/*image si la souris survole*/
   width:51px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE MP (pas de nouveaux messages)*/
#i_icon_mini_message{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/102_2410.png'); /*image si la souris

ne survole pas*/
   width:102px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_message:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/102_2411.png');

/*image si la souris survole*/
   width:102px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE MP (nouveaux messages)*/
#i_icon_mini_new_message{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/90_24_10.png'); /*image si la souris

ne survole pas*/
   width:90px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_new_message:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/90_24_11.png');

/*image si la souris survole*/
   width:90px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE DECONEXION*/
#i_icon_mini_logout{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/126_2410.png'); /*image si la souris

ne survole pas*/
   width:126px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_logout:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/126_2411.png');

/*image si la souris survole*/
   width:126px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE S'ENREGISTRER*/
#i_icon_mini_register{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/senreg10.png'); /*image si la souris

ne survole pas*/
   width:118px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_register:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/senreg11.png');

/*image si la souris survole*/
   width:118px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
/*IMAGE CONNEXION*/
#i_icon_mini_login{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/connex10.png'); /*image si la souris

ne survole pas*/
   width:113px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
#i_icon_mini_login:hover{
   background-image:url('http://i75.servimg.com/u/f75/16/74/01/20/connex11.png');

/*image si la souris survole*/
   width:113px; /*Largeur de l'image*/
   height:24px; /*Hauteur de l'image*/
}
 a.mainmenu img {margin:3px;}
Résultat obtenu sur le forum d'accueil:
image en defaut:

Résultat obtenu sur le forum de test:
image attendue:

Un détail qui pourrait avoir son importance, le forum de test dans lequel le css marche est en phpbb2, alors que le forum qui doit accueillir ce css est en phpbb3


Dernière édition par emc2 le Mar 15 Oct 2013 - 0:21, édité 1 fois

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par emc2 le Ven 27 Sep 2013 - 22:24

Un petit up pour reposer ma question .... Merci par avance.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par emc2 le Dim 29 Sep 2013 - 13:31

Je refais un petit up car ce problème me tiens à cœur, et j'aimerais vraiment le résoudre. Encore une merci par avance.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par emc2 le Mar 1 Oct 2013 - 9:12

Up pour ce sujet dont je n'arrive pas à trouver la raison. Avec du nouveau, sur un autre forum en phpbb2, aucunes images n'apparaît, et se sont les images d'origines:
etc.. qui apparaissent au format décrit dans le css comme celles-ci:

Ce qui laisse penser que les liens des images mis dans le css ne sont pas pris en compte du tout.

Une aide serait la bien venue. Merci encore.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par Brandys le Mer 2 Oct 2013 - 12:12

Bonjour,

Retire les ' ' dans
Code:
background-images:url('http://i75.servimg.com/...');
et dit moi si ça change quelque chose?

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

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

Résolu Re: images absentes de la navigation

Message par emc2 le Mer 2 Oct 2013 - 13:28

Non, rien n'a changé. C'est exactement la même chose. Ce qui m'intrigue, c'est que cela ne donne pas le même résultat sur les trois fora où j'ai appliqué ce css. Sur le premier (phpbb2) ça marche. sur le second, (phpbb3), il n'y a que l'image "calendrier" qui apparaît (voir plus haut sur le screen), et dans le troisième, (phpbb2) j'ai le résultat que j'ai mentionné hier en screen également.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par Brandys le Mer 2 Oct 2013 - 13:47

J'ai déjà eu plusieurs fois ce souci et c'était du au template en lui même. Parfois les images apparaissaient en tout petit, d'autres fois elles n'apparaissaient pas du tout et parfois c'était niquel.

Si tu as tenté sur des templates différents, il faudrait voir ce qui les différencie. (Car à première vue, ton code est bon).

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

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

Résolu Re: images absentes de la navigation

Message par emc2 le Mer 2 Oct 2013 - 17:48

Sur le forum phpbb3, les templates ne sont pas modifiables, et les images n'apparaissent pas. Sur les fora phpbb2, il y en a 2 et sur le premier (forum de test), cela fonctionne, sur le second, (forum sans modification d'aucune templates), les images n'apparaissent pas, au lieu de ça, on a ce que montre mon dernier screen. (image originelles agrandies)

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par Brandys le Mer 2 Oct 2013 - 20:20

Dans Panneau d'administration > Affichage > Gestion des images, tu as viré le lien des boutons par "http://illiweb.com/fa/empty.gif"?

Ensuite mettre ton code dans le CSS

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

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

Résolu Re: images absentes de la navigation

Message par emc2 le Mer 2 Oct 2013 - 22:20

C'est pire, à la place de ça:



je me retrouve avec ça:


Les liens en rouges restent apparents sur chacune des images. Tout comme les cadres en blanc autour qui ne doivent pas apparaître.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par Automne le Mer 2 Oct 2013 - 23:20

Bonjour,

Serait il possible d'avoir le lien des forums concernés. Le fait de mettre des images vides dans gestions des images (pour que le css s'applique) comme dit par Brandys est une solution. Ensuite pour l'encadrement et le les liens en rouge, c'est peut etre une interférence dans le css. C'est pourquoi, le lien du forum peut nous aider a trouver le soucis. Wink 

Automne
+ Hyperactif +

Messages : 8423
Inscrit(e) le : 22/03/2010

http://gilles570.forumactif.info/
Automne a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: images absentes de la navigation

Message par Brandys le Jeu 3 Oct 2013 - 9:21

Bonjour,

Concernant les liens originaux, il suffit d'aller dans le PA > Affichage > En-tête et navigation et cocher la case "Oui" dans Afficher seulement des images dans la barre des liens

Brandys
*

Masculin
Messages : 30
Inscrit(e) le : 11/07/2010

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

Résolu Re: images absentes de la navigation

Message par emc2 le Sam 5 Oct 2013 - 22:33

Ok, là je suis pris de court niveau timming, mi dès demain soir je vais faire un petit topo avec les liens le css et tout, et tout !

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par emc2 le Mer 9 Oct 2013 - 13:25

@Brandys a écrit:Bonjour,

Concernant les liens originaux, il suffit d'aller dans le PA > Affichage > En-tête et navigation et cocher la case "Oui" dans Afficher seulement des images dans la barre des liens
C'est bien le cas dans les trois fora que je teste. Et seul un fonctionne parfaitement avec ce script dans le css. Je bloque grave là-dessus !!!!

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par emc2 le Sam 12 Oct 2013 - 20:12

up up up !!!

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: images absentes de la navigation

Message par Scoubifitz le Sam 12 Oct 2013 - 21:01

bonsoir,

J'ai testé le code sur un forum en PHPbb3 , et il fonctionne .

1 - PA - Affichage - Page d'accueil > En-tête & Navigation

Afficher seulement des images dans la barre des liens : Oui

2 - PA - Affichage - Images et Couleurs > Gestion des images >  Mode Avancé

onglet : général/navigation : remplacez les images de la barre de navigation (index,calendrier,faq...) par :

Code:
http://illiweb.com/fa/empty.gif
... pour vider la barre de navigation

3 - PA - Affichage - Images et Couleurs > Couleurs > Feuille de style CSS :

Placez-y le code de votre premier message .
___________________________________________________________

Vérifiez encore une fois les 3 points , 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: images absentes de la navigation

Message par emc2 le Mar 15 Oct 2013 - 0:21

Effectivement !! Là ça marche !! Bon ben merci beaucoup, je balise en résolu.

emc2
*****

Messages : 522
Inscrit(e) le : 30/09/2011

http://sainte-croix.forumgratuit.org/
emc2 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