Photo de profil et image de rang dépasse sur mobile

3 participants

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

Résolu Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Mer 4 Mai 2016 - 19:57

Salut tout le monde, j'ai un problème avec l'affichage des photos de profil et de l'image des rangs sur la version PC visible sur mobile (je sais pas si vous m'avez suivi Laughing )

Voici une image provenant de mon smartphone où l'on voit bien le problème:
Spoiler:

Ce problème n'arrive que sur mobile et sur les PC avec une petite résolution d'écran (pas les autres)

Merci d'avance pour votre aide Smile Mon forum est en version phpBB3 et voici l'adresse du forum: http://sack-team.forum-fr.com


Dernière édition par theflashback02 le Sam 7 Mai 2016 - 15:10, édité 1 fois
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par MlleAlys Mer 4 Mai 2016 - 20:17

Bonjour,
essayez en ajoutant le code suivant à votre feuille de style css :
Code:
div.postprofile img {
  max-width: 100%;
}
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Mer 4 Mai 2016 - 20:27

Merci beaucoup je viens de tester mais non ça ne change rien :/
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Jeu 5 Mai 2016 - 13:01

Quelqu'un pour m'aider svp ? :'(
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par dante Ven 6 Mai 2016 - 11:58

Possible que tu nous montre ton template: viewtopic_body
Je vais voir ce que je peux faire.
dante

dante
**

Masculin
Messages : 82
Inscrit(e) le : 22/07/2004

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

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Sam 7 Mai 2016 - 13:17

Merci beaucoup, le voici:
Spoiler:
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par dante Sam 7 Mai 2016 - 14:05

En résumé:
J'ai fais en sorte que l'avatar et le rang s'adapte en fonction de la taille de la fenêtre.
Et j'ai mis une petite sécurité pour que ces images ne puissent pas faire au dessus de 140 pixels (Là tu peux gérer toi même la taille avec le css)

Voilà, voilà dis moi si tout fonctionne.

Ton nouveau template:

A coller dans le CSS:
dante

dante
**

Masculin
Messages : 82
Inscrit(e) le : 22/07/2004

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

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Sam 7 Mai 2016 - 14:47

Merci beaucoup pour votre aide mais le problème est toujours la :/ J'imagine que ça provient de mon CSS qui doit être bordélique vu que je n'y connais pas grand chose :/ Le voici:
Spoiler:
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par dante Sam 7 Mai 2016 - 14:55

Nop cela vient d'une bêtise de ma part:

Code:
.avatarsize img{
width: 100%;
max-width: 140px;
}
 
.ranksize img{
width: 100%;
max-width: 140px;
}

(J'ai oublié un "img")
dante

dante
**

Masculin
Messages : 82
Inscrit(e) le : 22/07/2004

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

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Sam 7 Mai 2016 - 15:03

Un GRAND merci à toi pour ton aide, tout fonctionne parfaitement Very Happy
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par dante Sam 7 Mai 2016 - 15:06

Haha, content que ça te plaise ^^ !
Tu peux maintenant mettre le sujet en résolu =)
dante

dante
**

Masculin
Messages : 82
Inscrit(e) le : 22/07/2004

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

Résolu Re: Photo de profil et image de rang dépasse sur mobile

Message par theflashback02 Sam 7 Mai 2016 - 15:10

J'avais oublié, voila c'est fait, merci encore ;D
theflashback02

theflashback02
Nouveau membre

Masculin
Messages : 7
Inscrit(e) le : 04/05/2016

http://sack-team.forum-fr.com
theflashback02 a été remercié(e) par l'auteur de ce sujet.

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


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