[RESOLU] Probleme <div> et joomla

Petit nouveau ! | 5 Messages

23 juin 2019, 19:37

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

Avatar du membre
Mammouth du PHP | 1609 Messages

23 juin 2019, 21:39

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.
Développeur web depuis + de 20 ans

Petit nouveau ! | 5 Messages

24 juin 2019, 05:56

(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

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 9782 Messages

24 juin 2019, 10:04

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
Quand tout le reste a échoué, lisez le mode d'emploi...

Avatar du membre
Mammouth du PHP | 1609 Messages

24 juin 2019, 12:50

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.
Développeur web depuis + de 20 ans

Petit nouveau ! | 5 Messages

25 juin 2019, 04:44

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

Petit nouveau ! | 5 Messages

25 juin 2019, 04:50

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é #-o

Petit nouveau ! | 5 Messages

25 juin 2019, 21:07

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