[resolu]probleme d'affichage css

Eléphanteau du PHP | 46 Messages

11 août 2020, 12:13

bonjour

j'utilise ce bout de code php sous wordpress :

Code : Tout sélectionner

<?php $av_id=bp_get_group_id();?> <div class="img_group" style="background: no-repeat url('<?php echo(bp_core_fetch_avatar('item_id='.$av_id.'&object=group&no_grav=true&html=false'));?>');" ></div>
dans mon inspecteur de document correspondant j'ai bien la ligne correspondante :
<div class="img_group" style="background: no-repeat url("http://localhost/001-blueprint/wp-content/uploads/group-avatars/2/5f3252e75e000-bpthumb.png");"></div>

dans mon inspecteur de composant au survol de la ligne suivante j'ai bien une miniature qui apparaît avec mon image qui m'indique qu'elle est donc chargée.
element.style {
    background: no-repeat url(http://localhost/001-blueprint/wp-content/uploads/group-avatars/2/5f3252e75e000-bpthumb.png);
}
problème, je n'ai rien a l'ecran.
Modifié en dernier par grosfaignan le 11 août 2020, 16:34, modifié 1 fois.

Mammouth du PHP | 1967 Messages

11 août 2020, 15:58

ton element a t il une largeur et une hauteur ?
donne lui aussi une couleur de fond très diférente de ton style pour voir si ton élément a les bonnes dimensions
Spols
pour les fan de rubik's cube ou pour les curieux ==> le portail francophone du rubik's cube

Eléphanteau du PHP | 46 Messages

11 août 2020, 16:33

excellente idée... ca venait de la
il fallait appliqué des taille sur la classe de la div, qui se comporte pour le coup plus ou moins comme un container.

la correction ici : dans le fichier php utiliser background putot que background-image qui permet plus d'option.

Code : Tout sélectionner

<?php $av_id=bp_get_group_id();?> <div class="img_group" style="background: center/contain no-repeat url('<?php echo(bp_core_fetch_avatar('item_id='.$av_id.'&object=group&no_grav=true&html=false&type=full'));?>');" ></div>
dans le fichier css
.img_group{
    height: 200px;
    width: 200px;
    margin: auto;
    padding: auto;
}
inserer des taille pour laisser de l'espace au contenue, et mettre les marge pour le centrage