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

TOPIC: image pleine largeur pour mobile

image pleine largeur pour mobile 06 Oct 2018 16:01 #49622

Salut Cédric,
Lorsque l'on place une image pleine largeur avec une hauteur minimum (600 pixels), le rendu sur Smartphone est assez désastreux !
Au lieu d'avoir l'image en miniature, adaptée au format du Smartphone, elle est tronquée sur la largeur et sur une hauteur de 600 pixels.
si on ne renseigne pas la hauteur minimum à 600 pixels, l'image est affichée sur 50 pixels de hauteur.
j'ai essayé de la placer comme image de fond dans un wrapper vide, en la plaçant dans le fond de page et dans le container, mais le résultat est toujours le même.
Comment régler les paramètres de l'image pour qu'elle soit réduite et proportionnelle à la taille de l'écran du Smartphone et correctement affichée sur un écran PC ?
Merci de ton aide,
Fred

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

Last Edit: by fredjouan.

image pleine largeur pour mobile 07 Oct 2018 07:34 #49623

  • ced1870
  • ced1870's Avatar
  • Online
  • Administrateur
  • Administrateur
  • Posts: 21036
  • Karma: 425
  • Thank you received: 2662
Salut
ta question n'a rien à voir directement avec Template Creator, ça tient plus du design qu'autre chose
Tu peux mettre ta hauteur en %, en vh au lieu de px, ou alors utiliser les custom css dans la partie responsive pour modifier la hauteur de ton image en fonction des résolutions
CEd

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

Joomlack Webmaster and Developer

image pleine largeur pour mobile 07 Oct 2018 10:49 #49624

Salut Cédric,
Je comprends bien que tck n'est pas en cause. Je vais faire des tests avec ces images en %. Cette méthode devrait fonctionner avec un wrapper vide mais avec un ou plusieurs modules à l'intérieur, cela risque d'impacter l'affichage. Il faut essayer. Sur le site www.neurogelenmarche.org un module de présentation de notre projet 2018 devrait également se réduire proportionnellement mais je ne trouve pas où réduire le texte et les balises h1, h2, h3,...pour les mobiles.
Il me semblait avoir déjà vu ce type de fonctionnalité pour les formats smartphones où on réduisait la taille des lettres en renseignant une rubrique (0.8 em)...
Elle existe encore et si oui, on la trouve où ?
Sinon, je m'éclate bien avec ton logiciel, très agréable à utiliser !
Merci de ton aide,
Fred

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

image pleine largeur pour mobile 08 Oct 2018 11:47 #49642

  • ced1870
  • ced1870's Avatar
  • Online
  • Administrateur
  • Administrateur
  • Posts: 21036
  • Karma: 425
  • Thank you received: 2662
oui tu peux contrôler les éléments, en utilisant les css persos dans la partie responsive comme énoncé plus haut
Responsive >> custom css >> pour chaque résolution tu peux mettre tes règles css
The following user(s) said Thank You: fredjouan

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

Joomlack Webmaster and Developer

image pleine largeur pour mobile 08 Oct 2018 12:34 #49643

Tu peux m'aider pour la syntaxe, avec un exemple ou un lien ?
Est-il plus pertinent de placer cette image dans le fond de page dans le container. J'ai essayé dans les 2 et le résultat est assez déplorable :

Comme tu peux le voir, cette image est prise avec le plug-in de Google Chrome (je n'ai pas de mobile – pas de main, pas de mobile ;)), le camion est affiché sur un PC en entier)
Merci d'avance
Attachments:

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

Last Edit: by fredjouan.
  • Page:
  • 1
Time to create page: 0.256 seconds

Fast and powerful creation, customizable and responsive.

Read More

Qui est en ligne

We have 306 guests and 2 members online