images absentes de la navigation

[emc2]

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

[emc2]

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

[emc2]

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]

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.

[Brandys]

Bonjour,

Retire les ' ' dans

Code:

background-images:url('http://i75.servimg.com/...');

et dit moi si ça change quelque chose?

[emc2]

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.

[Brandys]

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

[emc2]

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)

[Brandys]

Dans Panneau d'administration > Affichage > Gestion des images, tu as viré le lien des boutons par "https://2img.net/i/fa/empty.gif"?

Ensuite mettre ton code dans le CSS

[emc2]

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.

[Automne]

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.  

[Brandys]

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

[emc2]

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]

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]

up up up !!!

[Scoubifitz]

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://2img.net/i/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 .

[emc2]

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