Image carré et responsive

Image carré et responsive was created by micker

Posted 1 year 9 months ago #65029
hello je bloque sur un truc tout bête surement ....
mais j'ai des images carrés dans mon design ... et je n'arrive pas a trouver un systeme pour les garder responsive ..
4 colonnes et 4 blocs images avec des images carrés (deja a la bonne taille)
tu aurais un tips ? car si je bloque une hauteur alors en responsive je suis pas top ...
c'est moi qui bug ou y a un truc qui m'échappe ?
by micker

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image carré et responsive

Posted 1 year 9 months ago #65030
salut
aucune idée, il faut me donner l'url de la page que je puisse voir ce qu'il se passe
mais par défaut les colonnes passent les unes sous les autres, alors c'est quoi qui n'est pas responsive ?
CEd

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by micker on topic Image carré et responsive

Posted 1 year 9 months ago #65031
ou en stack ca marche mais en colonner non
genre je met un image 500*500px
si il n'y a pas la largeur nécessaire il va me faire une image de 255*214 grace au poucentage ... mais je perd le rapport carré
This message contains confidential information
dans la zone expertise
by micker

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image carré et responsive

Posted 1 year 9 months ago #65032
donc rien à voir avec page builder ck en fait ...
c'est l'effet que tu as mis avec Image Effect CK, vu que ton image scroll au survol, elle est forcément plus grande que la zone "carrée" dont tu parles, il ne peut pas y avoir de ratio lié à l'image dans un format carré
ou alors faut retailler les images pour que ça colle ...

le mieux serait de choisir un autre effet je pense, ou alors si tu veux t'amuser à régler ça en CSS

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by ced1870 on topic Image carré et responsive

Posted 1 year 9 months ago #65033
KDO
Code:
figure[class*="effectck"]:not([class*="flip"]) > [class*=img] { max-height: 0; padding-bottom: 100%; }
à tester

Joomlack Webmaster and Developer

by ced1870

Please Log in or Create an account to join the conversation.

Replied by micker on topic Image carré et responsive

Posted 1 year 9 months ago #65036
genial ca marche !!!!
il fau juste que je recalle les hauteur des contenu !
top merci
by micker

Please Log in or Create an account to join the conversation.

Time to create page: 0.679 seconds

Fast and powerful creation, customizable and responsive.

Read More

We have 1144 guests and no members online