Forum d'entraide PHPFrance

Bonjour tous le monde,
je débute le php. Je fait un site avec le cms joomla et j'ai un problème auquel je comprend plus rien, tout fonctionner bien jusqu’à hier, et la j'ai un bug ou une erreur de ma part je sais pas. J'ai chercher pendant un bon moment sur google mais je vois pas l'erreur:

-Problème: j'ai des div sur un article joomla, je leur avais mi des background image avec CSS, tout fonctionnai bien jusqu’à aujourd’hui, mais la l'image en fond ne veut plus s'afficher.. j'ai vérifie des dizaines de fois le code, adresse des images ect.. mais je vois pas l'erreur.

si quelqu'un vois où est le problème svp ?
merci d'avance


Article Joomla
{source}
<?php require "includes/marques.php"; ?>

<div class="block_marques"><?php echo "$img_nintendo"; ?></div>
<div class="block_marques"><?php echo "$img_sega"; ?></div>
<div class="block_marques"><?php echo "$img_sony"; ?> </div>

<div class="block_marques"><?php echo "$img_microsoft"; ?></div>
<div class="block_marques"><?php echo "$img_ac"; ?></div>
<div class="block_marques"><?php echo "" ; ?></div>
{/source}


Pages marque.php:
$img_nintendo = '<img src="../images/ico_marques/nintendo256.png" >';
$img_sega = '<img src="../images/ico_marques/sega256.png" >';
$img_sony = '<img src="../images/ico_marques/sony256.png" >';
$img_microsoft = '<img src="../images/ico_marques/microsoft256.png" >';
$img_ac = '<img src="../images/ico_marques/anciennes_consoles256.png" >';

Page CSS
img { /
width:25% ;
height: auto;
border:3px solid antiquewhite;
box-shadow:5px 5px 5px #888;
border-radius:15px;
}
.block_marques {
background-image: url(../../../images/bg/bg_marque.png);
background-repeat: no-repeat;
display:flex;
flex-flow:row;
justify-content:space-between;
align-items:center;
min-height:auto;
border-radius:10px;
padding:20px;
box-sizing:border-box;
margin-bottom:30px;
}

Salut, j'imagine que tu as un problème avec le chemin vers les images. Tu devrais plutôt partir de la racine du site plutôt (chemin absolu) que d'utiliser le ../images (chemin relatif) car il suffit que tu ais un slash de plus ou de moins dans ton url pour que le chemin ne fonctionne plus.

(comme je l'ai dit dans le post, j'ai vérifier plein de fois l'adresse au cas ou)
mais hier sa marché et j'ai pas toucher l'adresse, ni l'image, que le code. au cas ou je viens de re revérifier encore les ../ il sont bon.

les ../ sont pratique si tu change d’hébergeur

Il faut que tu utilises la console de ton navigateur web pour voir d'où vient le problème.
Ctrl+Maj+i sous Firefox ou Chrome puis :
- onglet réseau/network, tu recharges la pages et tu vérifies que tu n'as aucun appel en erreur
- l'inspecteur d'éléments HTML/CSS (c'est l'icone en haut à gauche avec un curseur dans un rectangle), tu sélectionnes ton élément dans ta page puis tu vérifies ses propriétés CSS

Bah si l'image ne s'affiche pas, c'est soit que tu as un problème de CSS, par exemple le div qui dans ce cas aurait une hauteur de 0 et donc bien que l'image soit présente et le chemin juste, ben elle ne se verrait pas. Soit que le chemin n'est pas bon au regard du contexte de l'URL de la page.

Tu fais du ../images, il est donc à supposer, si ton dossier images est à la racine, que dans ton URL tu as quelque du genre https?://domain.name/something/the-page.html et dans ce cas le chemin doit fonctionner.
Mais si tu as une URL du genre https?://domain.name/something/something-else/the-page.html, la ton chemin ne va plus fonctionner car il correspondra à /something/images.
Les ? dans les adresses c'est juste pour que le forum ne les transforment pas en lien. ^^

Me concernant, le mieux pour les adresses d'assets n'est pas du tout le chemin relatif mais au contraire le chemin absolu, mais pas le chemin absolu brut, le chemin absolu construit par une fonction qui va gérer elle de savoir si le site est à la racine ou dans un sous répertoire. Ainsi ton chemin fonctionnera toujours, que le site soit à la racine ou dans un sous répertoire, ou que tu ais des adresses réécrites insérant 1 à n slashs dans l'URL ou pas.

Il faut que tu utilises la console de ton navigateur web pour voir d'où vient le problème.
Ctrl+Maj+i sous Firefox ou Chrome puis :
- onglet réseau/network, tu recharges la pages et tu vérifies que tu n'as aucun appel en erreur
- l'inspecteur d'éléments HTML/CSS (c'est l'icone en haut à gauche avec un curseur dans un rectangle), tu sélectionnes ton élément dans ta page puis tu vérifies ses propriétés CSS

Merci pour l'info, je vais check sa se soir

Me concernant, le mieux pour les adresses d'assets n'est pas du tout le chemin relatif mais au contraire le chemin absolu, mais pas le chemin absolu brut, le chemin absolu construit par une fonction qui va gérer elle de savoir si le site est à la racine ou dans un sous répertoire. Ainsi ton chemin fonctionnera toujours, que le site soit à la racine ou dans un sous répertoire, ou que tu ais des adresses réécrites insérant 1 à n slashs dans l'URL ou pas.

Euh vasi doucement mdrr, "adresses d'assets" "chemin relatif" "chemin absolu" "chemin absolu brut"
"si le site est à la racine"...

j'ai pas tout capté

j'ai réinstaller joomla, et remis ma feuille de style.. remis le même code et la boum sa re-fonctionne.. donc soi joomla se fou de ma gueule soi je comprend plus rien, en tout cas merci pour votre aide