Problème avec mes background-img

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème avec mes background-img

Message par fmp Dim 17 Mai 2020 - 19:02

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://aslongasyoulive.forumactif.com/

Description du problème

Bonjour/Bonsoir à tous !  Hi

Je viens vers vous parce que j'ai un petit soucis avec la compréhension des background-img et j'espère que vous allez pouvoir m'éclairer !

Code:
 .person img {
        text-align: center;
        width: 150px;
        height: 240px;
        background-repeat: no-repeat;
         background-size: cover;
        z-index:100;
    }

Code:
<div class="person" style="background-image: url('URL DE MON IMAGE');">

J'aimerais pouvoir mettre un avatar de n'importe quelle taille au niveau de l'url et qu'il soit automatiquement redimensionner en 150x240.

J'ai testé différents code possible, mais rien ne redimensionne mon image comme je le voudrais. Je dois zapper quelque chose mais je ne sais pas quoi...

Merci par avance à ceux qui se pencheront sur mon problème !

Bonne journée/soirée à tous ! Very Happy


Dernière édition par fmp le Lun 18 Mai 2020 - 11:24, édité 1 fois
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par mSyx Dim 17 Mai 2020 - 20:06

Hello o/
C'est ça que tu cherches à faire ?: https://syxtestspace.forumactif.com/t5-test-codedadaadad#12
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par fmp Dim 17 Mai 2020 - 20:18

Oui exactement sauf que c'est une image en hover donc elle est posté en tant que background-image et ne peut pas être posté en tant qu'image simple !

Je ne sais pas trop si je suis claire Mince
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par mSyx Dim 17 Mai 2020 - 20:24

Pour faire plus simple, tu pourrais donner le code html complet ? (et le css de l'image du .person s'il y en a un)
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par Scoubifitz Dim 17 Mai 2020 - 20:37

fmp a écrit:

Détails techniques




Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://aslongasyoulive.forumactif.com/

Description du problème




Bonjour/Bonsoir à tous !  Hi

Je viens vers vous parce que j'ai un petit soucis avec la compréhension des background-img et j'espère que vous allez pouvoir m'éclairer !

Code:
 .person img {
        text-align: center;
        width: 150px;
        height: 240px;
        background-repeat: no-repeat;
         background-size: cover;
        z-index:100;
    }

Code:
<div class="person" style="background-image: url('URL DE MON IMAGE');">

J'aimerais pouvoir mettre un avatar de n'importe quelle taille au niveau de l'url et qu'il soit automatiquement redimensionner en 150x240.

J'ai testé différents code possible, mais rien ne redimensionne mon image comme je le voudrais. Je dois zapper quelque chose mais je ne sais pas quoi...

Merci par avance à ceux qui se pencheront sur mon problème !

Bonne journée/soirée à tous ! Very Happy

Bonsoir,

Bien lire l'énoncé permet de voir le problème ...

Si vous mettez une class="person" à votre div , il faut mettre seulement .person dans le CSS , pas .person img ...

Hi
Scoubifitz

Scoubifitz
Membre actif

Masculin
Messages : 3687
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par fmp Dim 17 Mai 2020 - 20:46

Voici le code exact qui apparait dans la partie que je voudrais modifier pour les membres :


Et voici le css :

@"Scoubifitz" Je suis désolée j'ai essayer de modifier mais cela n'a rien changé... Embarassed


Dernière édition par fmp le Lun 18 Mai 2020 - 11:24, édité 1 fois
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par mSyx Dim 17 Mai 2020 - 20:50

C'est un code sans aucune div .person :l
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par fmp Dim 17 Mai 2020 - 20:54

Parce que j'ai le soucis sur le Face Claim de mon Tumblr d'où vient le code .person
et le problème sur mon forum...

Du coup je vous ai remis le code du forum plutôt que celui du Tumblr qui est très long.
Si vous avez besoin je peux vous rajouter la page html du tumblr ?

Je suis désolée pour le mélange de code. ::moitimide::
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par mSyx Dim 17 Mai 2020 - 21:44

Je comprends la difficulté pour le coup x)
On va se concentrer sur le forum pour que tu puisses reproduire ça sur ton Tumblr si tu le souhaites; du coup, si je peux avoir le code avec la div person (qui contient une image, si j'ai bien compris) :b
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par fmp Dim 17 Mai 2020 - 23:26

Bah du coup les codes du forum sont ceux du message au dessus...


On peut retrouver le code en application à ce niveau :
https://aslongasyoulive.forumactif.com/t12-le-staff-de-alayl

Mais je dois obligatoirement redimensionner les images moi même.

Le div personn est celui du tumblr, je suis désolée de vous embrouiller  Snifff


Dernière édition par fmp le Lun 18 Mai 2020 - 11:24, édité 1 fois
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par mSyx Dim 17 Mai 2020 - 23:29

C'est peut-être ma fatigue mais j'ai du mal à comprendre exactement ce que tu cherches à faire; moyen d'expliquer plus en détails et/ou de montrer un exemple ?
mSyx

mSyx
****

Masculin
Messages : 394
Inscrit(e) le : 22/09/2012

https://forum.forumactif.com/
mSyx a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème avec mes background-img

Message par fmp Lun 18 Mai 2020 - 10:54

J'ai réussi à régler mon problème toute seule !

Merci beaucoup pour votre temps et votre patience Yes
fmp

fmp
Nouveau membre

Féminin
Messages : 23
Inscrit(e) le : 18/04/2015

https://bimbamboumtest.forumactif.com/
fmp a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum