[resolu]probleme d'affichage css

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : [resolu]probleme d'affichage css

Re: probleme d'affichage css

par grosfaignan » 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

Re: probleme d'affichage css

par Spols » 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

[resolu]probleme d'affichage css

par grosfaignan » 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.