Problème d'affichage de catégorie

Bonjour, je ne sais pas trop où je pourrai demander de l'aide, si c'est pas le bon endroit, n'hésitez pas à déplacer, merci.

Je viens donc vous voir, car on ma signalé un gros décalage des catégories sur mon forum. Cela le fait simplement sur les écrans très large (27 pouce par exemple), car sur les petits (17 pouce comme le mien) y a aucun souci.

Voici un aperçu du membre →

Spoiler:

Lien du forum → https://art-the-fruits.forumpro.fr/

De mon côté tout va bien, rien a signalé. Cela le fait seulement avec les catégories.

Comment peut-on réglé se souci en fonction des tailles des écrans?

Merci d'avance de votre aide mes râleuses .

Hello @Cerise

Tu veux que ça prenne toute la largeur (mais ça risque de faire des bêtises puisque je ne crois pas que le code soit responsive) ou juste le centrer ?

Hello, juste le centrer, pour qu'il s'accorde avec la PA et le qeel, pour les grands écrans.

Merci. Si tu as besoin des codes, n'hésite pas à me le dire.

Re coucou @Cerise ,

je veux bien ton template, parce qu'il va falloir encadrer par une div, ça sera plus simple si je te le fais

PS : je déplace le sujet

Hello, ok, le voici^^
Ce sont donc les templates des catégories "index_box"


Merci^^.

Hello @Cerise !

J'aurai du te demander ta CSS aussi :/

Tu peux essayer ce template ?



Avec cette CSS :

Code:

.affichage_cate{
margin:auto;
}

J'ai fait à l'aveugle donc pas sure que ça soit OK.
si ça ne l'est pas, tu peux me donner ta CSS avec ?

PS : y a quand même des trucs assez cracra dans ce code, par exemple le mélange de DIV et de tableau Si tu veux on pourra le nettoyer un peu ensemble?

Hello ok pour le CSS.

PS : y a quand même des trucs assez cracra dans ce code, par exemple le mélange de DIV et de tableau Wink Si tu veux on pourra le nettoyer un peu ensemble?

Normale, je suis pas une experte et j'accepte avec plaisir ^^.

Voici le CSS:


J'irais essayer ça sur mon forum test avant, puis après sur mon forum. Par-contre faudra que je vois avec les membres concernés si y a des changement, car de mon côté je n'ai pas le même souci, ayant un écran plus petit. As-tu toujours l'adresse de mon forum test?

Bonsoir @Cerise ,

Le code que je t'ai donné ne fonctionnera pas, en fait tu as un float : left qui casse tout et qui empêche de centrer
Je regarde pour nettoyer un peu ton code et pour faire autrement

Pour tester : dézoom sur ton navigateur, tu verras ça se décale

Hello ok pour le zoom.
Ça marche pour les codes, j'irai l'essayer sur mon forum directement, car sur le forum test j'ai mi le nouveau thème avec les nouvelles couleurs. (faudra tout refaire -_-.)

Si tu veux, donnes moi les codes aussi, je vais regarder pour corriger directement dessus

Hello, désoler d'être pas venu plus tôt, ma box internet à rendu l'âme

Voici les codes avec les codes couleurs: Seulement le CSS, car niveau templates rien ne change.


Merci^^.

Coucou @Cerise

Pas de souci je pense pouvoir regarder dans la semaine, entre 2 siestes

Bonne journée !

Ok merci, bonne sieste lol. Entre-temps je vais déjà installé le nouveau thème, je ferrais les modifications plus tard.

Coucou @Cerise !

Je n'ai pas du tout eu le temps cette semaine :/ Désolée

Par contre je viens de regarder, j'ai pas nettoyé tout le code, juste fait une adaptation

Je te laisse essayer cette CSS :


Sur ton forum de test

Comme il ya pas mal de choses que je n'ai pas comme toi il va peut-être y avoir un petit décalage mais qu'on pourra régler

EDIT :
Sinon, tu changes dans ta configuration de forum et au lieu de mettre en % la largeur tu fixe en px, comme ça il n'y a plus aucun souci

Hello, je vais essayer sur on forum test et je reviens.

Ne t'inquiète pas, la semaine je suis pas dispo en générale .

Oui mais je voulais le faire cette semaine pour que tu puisses le voir ce week-end ^^ Mais bon les jours ne se passent pas souvent comme je le voudrai ^^

Ca marche, tu me diras, normalement entre 2 siestes j'aurai un peu de dispo aujourd'hui

Édite:, de mon côté ça va. Sinon ma partie "newcat" la ou se trouve le lien du dernier message et avatar est un peu trop haut je trouve , mais sinon niveau centre même avec le zoom tout est bien en place.
https://chez-juju.forumactif.com/

Merci beaucoup.

Re =)

Je viens d'y passer et de voir.
Tu peux essayer de changer ça :

Code:

.flex {
    display: flex;
    justify-content: space-around;
}

en ça :

Code:

.flex {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

ça devrait corriger

Re super nikel^^. Merci encore de ton aide. Je vais pouvoir le mettre sur mon forum directement pour voir. (Ont sais jamais, car d'un forum à un autre bizarrement ça fait pas la même chose :/ )

Édite: Tout est bon, même sur le bon forum

Ah top !
Encore désolée pour le délai :/ A chaque fois je te fais attendre !
Mais je suis contente que ça doit OK maintenant !!

T’inquiète, la vie IRL avant, puis moi aussi je suis moins présente. Puis vue l'activité en se moment sur les forums, c'est pas vraiment dérangeant XD .
Merci pour ton aide .

Pas de souci, je peux archiver ?

Oui tu peux, merci encore

Pas de souci

J'archive