Positionnement CSS

Bonjour,

Je me permets de vous contacter car je m'occupe de ce blog : http://le-blog-du-syage.org/ .

Pour celui-ci, j'aimerais garder le même positionnement de la div à gauche (voire image ci-dessous), quelque soit la résolution utilisée.



Or, je n'y arrive pas, à chaque fois les carrés contenu dans cette div se réordonne, que la résolution change ou que la page soit redimensionnée.

Pourriez-vous me conseiller sur la bonne marche à suivre ?

Merci d'avance,
Modifié par JoeBobJunior (18 Nov 2014 - 10:43)

Hello, apparement, tu utilises le thème WP mentra et la librairie Isotope.

Je n'ai jamais testé ce thème mais le replacement de tes blocs se fait via la libraire. A toi de voir : change de thème, ne plus passer par cette librairie.
Dans tous les cas, tu ne peux pas juste faire une surcharge CSS/JS.

Bye

Bonjour,

Merci pour ta réponse.

Vu que je ne peux pas changer de thème, comment puis-je faire pour ne plus passer par la librairie Isotope ? Et qu'est-ce que cela implique ?

Ce passer de la librairie n'est pas impossible, mais s'il faut tout reprendre...

D'où ma question : Y a-t-il un intérêt à se passer de cette librairie si le thème en est dépendant à ce point ?

Mon objectif est de " figer " - pour ainsi dire - le portfolio présent en page d'accueil, ainsi que sur chacune des autres pages ("au fil de l'yerres", "de l'eau et des hommes", etc ...), de façon à ce que son width et son height gardent exactement la même valeur quelque soit le redimensionnement de la page. Une sorte de "fixed layout" (http://www.jouve.com/fr/ebook-fixed-layout) adapté à l'environnement Web.

Ou alors - deuxième solution - que le width et le height soient réduits ou augmentés proportionnellement au redimensionnement de la fenêtre de façon à ce que le portfolio garde toujours la même forme in fine.

Après est-ce réalisable ? Là est la question ... :o

JoeBobJunior a écrit :
Après est-ce réalisable ? Là est la question ... :o

Ho oui ! On appelle cela avoir un site "responsive".

Les media queries correspondent tout à fait à cet objectif.
Modifié par Greg_Lumiere (25 Nov 2014 - 10:13)

Mais c'est là que le bat blesse. Le thème " Mantra - Portfolio Metro WordPress Theme " (http://themeforest.net/item/mantra-portfolio-metro-wordpress-theme/4977770) se dit responsive !

Je vais m'intéresser au Media Queries.

Notez que vous pouvez conserver les avantages de votre script actuel tout en bénéficiant du responsive. Je le fait sur certaines de mes pages web, comme celle-ci par exemple.
Modifié par Olivier C (01 Dec 2018 - 13:30)

Je comprends bien. Mais je voudrais que chacun des carrés du portfolio rétrécisse et augmente de taille proportionnellement au redimensionnement de la fenêtre. Pour l'instant, ça n'est pas le cas, et ça m'embête bien parce qu'à mon avis, c'est à cette condition que je pourrai régler mon problème.