Forum d'entraide PHPFrance

bonjour

j'utilise ce bout de code php sous wordpress :

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

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

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

Forum d'entraide PHPFrance

[resolu]probleme d'affichage css

[resolu]probleme d'affichage css

Re: probleme d'affichage css

Re: probleme d'affichage css