décalage selon la taille des écrans

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

Résolu décalage selon la taille des écrans

Message par anyama le Mar 2 Mai 2017 - 20:05

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Problème apparu depuis : 02/05/2017
Lien du forum : http://ls4f-test.forumactif.com

Description du problème

Bonjour à vous ! je viens vous voir pour une petite question, et résolution de soucis.
Alors voila, j'ai en tête de re faire la déco de mon forum LS4F, et j'ai en tête de tout virer sur la droite.

j'y suis arrivée tout va bien : (ne pas tenir compte des couleurs du fond, c'est des marquage xD)
Spoiler:

Enfin ... tout va bien, sur mon écran qui fait 1600 x 900 ...
Si je passe sur plus grand, comme un 1920 x 1080 la c'est la cata ! (ne pas faire attentions il manque un bout de codage en plein milieu)
Spoiler:

le fond n'est plus aligné, le forum n'est plus collé à droite tout par en live ....

donc si vous avez une petite solution à ça ?
ça serais bête d'avoir un forum tout beau chez soit,mais tout de travers chez les autres :/


Dernière édition par anyama le Sam 24 Juin 2017 - 1:35, édité 1 fois
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Neptunia le Mar 2 Mai 2017 - 21:20

Bonjour ^^


La base pour avoir un design adaptable aux diverses configurations est de ne jamais utiliser de largeur ou hauteur en pixel (ou n'importe quelle autre valeur absolue). Mais toujours en pourcentage. Excepté pour les marges évidemment.
avatar

Neptunia
Membre actif

Féminin
Messages : 11909
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Mar 2 Mai 2017 - 22:02

@Neptunia a écrit:Bonjour ^^


La base pour avoir un design adaptable aux diverses configurations est de ne jamais utiliser de largeur ou hauteur en pixel (ou n'importe quelle autre valeur absolue). Mais toujours en pourcentage. Excepté pour les marges évidemment.


HEUUUU .... j'ai pas compris xD
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Kayyl le Mer 3 Mai 2017 - 21:33

Hey je tape l'incruste !

Par exemple, au lieu d'écrire, pour un bloc qui ferait la largeur de ta page "width: 1600px", il faut mettre "width: 100%;" ce qui affichera un bloc qui fait toute la taille de l'ordinateur, quel qu'il soit.

Je veux bien t'aider si besoin, parce que pour ceux qui ne travaillent jamais en %, c'est la galère :rip: En tout cas, il va falloir virer la plupart de tes valeurs en px (les largeurs, hauteurs notamment)
avatar

Kayyl
Nouveau membre

Messages : 12
Inscrit(e) le : 01/05/2017

http://jdr-tolgardon.forumactif.com
Kayyl a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Mer 3 Mai 2017 - 23:45

a oui oui je veux bien de l'aide, car j'y comprend pas grand chose en codage de base et si en plus je dois faire tout un autre truc que j'ai jamais fais je vais me perdre xDD
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Chacha le Mar 9 Mai 2017 - 9:51

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.
Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

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

Résolu Re: décalage selon la taille des écrans

Message par anyama le Mar 9 Mai 2017 - 14:12

Salutations ^^ avec le boulot je reviens que maintenant xD

j'attends toujours sagement de l'aide ^^"
si une âme bien charitable pouvais expliquer à une dénuée de cervelle ce qu'il faut faire Very Happy
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Jeu 11 Mai 2017 - 15:55

personne ne veux m'aider ? :'(
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Sam 13 Mai 2017 - 17:19

encore un up ^^
ça commence à être urgent, je dois lancer le forum avant la fin du mois :/
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Dim 14 Mai 2017 - 17:30

bon, j'ai essayer de comprendre seule ...

j'ai mis le bloque du forum (dans mon CSS) en %
il est bien collé à la gauche de truc noir tout à droite mais que sur mon écran, sur celui de mon compagnon en 1920x1080 c'est toujours décalé ...



ce que j'ai changé :


avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Mer 17 Mai 2017 - 16:29

up !!!
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Sam 20 Mai 2017 - 17:55

UUUUUUUUUUUUUUPPPPPPPPPPPPPPPPEEEEEEEEEEUH :up: :up: :up: Warning
#craquage
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Lun 22 Mai 2017 - 2:05

j'up encore ... j'ai vraiment besoin d'aide T.T
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Jeu 25 Mai 2017 - 3:14

je up encore xD
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Dim 28 Mai 2017 - 0:39

UPP
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Garionix le Dim 28 Mai 2017 - 3:15

Salut !

Déjà, avant toutes choses. Quand on fais un redimensionnement, il faut prendre en compte les codes qui entourent ce que tu souhaites modifier, un bloc quand tu souhaite le repositionner, sera influencé par les autres éléments de la page.

Pour modifier ça, ( sauf erreur de ma part) tu peux utiliser ces types de codes :
Code:

position: relative;
top: ..px ou %
bottom: ..px ou %
left: ..px ou %
right: ..px ou %

Si tu souhaites que je t'aide, je te propose de m'envoyer un mp. Je suis disponible tout le dimanche pour t'aider.
avatar

Garionix
**

Messages : 93
Inscrit(e) le : 06/06/2016

http://excidius-rpg.forumactif.com/
Garionix a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par anyama le Ven 2 Juin 2017 - 21:45

up ^^"
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Walt le Dim 4 Juin 2017 - 18:28

Bonjour,

Vous n'aurez pas vraiment de réponse satisfaisante sur ce forum, car il vous faut revoir une bonne partie de votre code. Soit vous donnez une largeur fixe à votre forum, en pixel, soit vous voulez une largeur adaptable et vous devrez convertir toutes les valeurs absolues (px) en valeurs relatives (%), ce qui représente un travail d'adaptation conséquent.

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2562
Inscrit(e) le : 08/09/2015

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

Résolu Re: décalage selon la taille des écrans

Message par anyama le Lun 5 Juin 2017 - 12:56

awh ... donc en fait je ne peux rien y faire :/
je dois trouver autre chose T.T
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Walt le Lun 5 Juin 2017 - 13:38

A mon avis le plus simple serait d'attribuer une valeur fixe à la largeur du corps du forum, ce qui aurait pour effet de fixer aussi la largeur des éléments qu'il contient. Mais à voir si c'est le rendu que vous souhaitez aussi...

Cordialement,
Walt
avatar

Walt
Modéractif
Modéractif

Masculin
Messages : 2562
Inscrit(e) le : 08/09/2015

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

Résolu Re: décalage selon la taille des écrans

Message par Chacha le Dim 11 Juin 2017 - 10:26

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

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

Résolu Re: décalage selon la taille des écrans

Message par anyama le Dim 11 Juin 2017 - 20:46

j'up car on ne sais jamais Very Happy
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Chacha le Sam 17 Juin 2017 - 9:36

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

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

Résolu Re: décalage selon la taille des écrans

Message par anyama le Sam 17 Juin 2017 - 18:48

je suis toujours en attente de réponses ... :/
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama a été remercié(e) par l'auteur de ce sujet.

Résolu Re: décalage selon la taille des écrans

Message par Chacha Hier à 9:43

Bonjour,

Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message.

Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »


Règles Générales du Forum - Le Staff de ForumActif
Questions & Réponses Fréquentes - Trucs & Astuces
Outils Fondateurs - Perte de Mot de Passe
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 53643
Inscrit(e) le : 21/08/2010

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

Résolu Re: décalage selon la taille des écrans

Message par anyama Aujourd'hui à 1:34

j'abandonne, sur plusieurs forum j'ai pas eu d'aide, même sur FB. et en plus j'ai tout perdu, alors bon xD merci quand même !
avatar

anyama
Nouveau membre

Féminin
Messages : 22
Inscrit(e) le : 02/05/2017

http://lessims4france.forum-officiel.fr/
anyama 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