travelI'm on Holidays until the 22th august.

The questions posted during this period will receive no answer, so please be patient and wait before posting in the forum. Thank you

New registrations are suspended during this period

Je suis en vacances jusqu'au 22 aout.

Je ne répondrai à aucune question postée durant cette période. Merci d'attendre mon retour. Merci

Les inscriptions sur le site sont suspendues pendant cette période

 

Welcome, Guest
Username: Password: Remember me
  • Page:
  • 1

TOPIC: Image carré et responsive

Image carré et responsive 04 Jul 2022 10:13 #65029

  • micker
  • micker's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 1035
  • Karma: 1
  • Thank you received: 26
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 ?

Please Log in to join the conversation.

Image carré et responsive 04 Jul 2022 10:23 #65030

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 26633
  • Karma: 427
  • Thank you received: 3415
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

Please Log in to join the conversation.

Image carré et responsive 04 Jul 2022 10:25 #65031

  • micker
  • micker's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 1035
  • Karma: 1
  • Thank you received: 26
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

Please Log in to join the conversation.

Image carré et responsive 04 Jul 2022 10:30 #65032

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 26633
  • Karma: 427
  • Thank you received: 3415
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

Please Log in to join the conversation.

Image carré et responsive 04 Jul 2022 10:31 #65033

  • ced1870
  • ced1870's Avatar
  • Offline
  • Administrateur
  • Administrateur
  • Posts: 26633
  • Karma: 427
  • Thank you received: 3415
KDO
figure[class*="effectck"]:not([class*="flip"]) > [class*=img] {
    max-height: 0;
    padding-bottom: 100%;
}
à tester
Joomlack Webmaster and Developer

Please Log in to join the conversation.

Image carré et responsive 04 Jul 2022 12:36 #65036

  • micker
  • micker's Avatar Topic Author
  • Offline
  • Platinum Boarder
  • Platinum Boarder
  • Posts: 1035
  • Karma: 1
  • Thank you received: 26
genial ca marche !!!!
il fau juste que je recalle les hauteur des contenu !
top merci

Please Log in to join the conversation.

  • Page:
  • 1
Time to create page: 0.199 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 186 guests and no members online