Différence entre affichage ordinateur / téléphone
2 participants
Page 1 sur 1
Différence entre affichage ordinateur / téléphone
Bonjour, dans la seconde page de mon futur site en cours de réalisation (en page nommée "Après 2015"), l'affichage sur mon ordi est parfait, mais sur mon téléphone, une légende photo est plus importante que les mêmes autres légendes, j'ai tout essayé... avez-vous une idée ? merci
Re: Différence entre affichage ordinateur / téléphone
bonjour.
Il est possible d'intervenir sur l'aspect des éléments en fonction de la largeur de fenêtre du navigateur.
Il faut pour cela utiliser les media queries.
Ce sont des codes css à ajouter en "modifier le Head".
Elles fonctionnent comme des conditions, par exemple de largeur de navigateur, qui autorisent ou bloquent, des règles destinées à modifier, par exemple, la hauteur de police d'une légende.
Chaque code est différent pour chaque mise en page, aussi faut-il apprendre vous-même à utiliser ce type de css. Par exemple ici :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-le-responsive-design-avec-les-media-queries ou autre cours en ligne
Il est possible d'intervenir sur l'aspect des éléments en fonction de la largeur de fenêtre du navigateur.
Il faut pour cela utiliser les media queries.
Ce sont des codes css à ajouter en "modifier le Head".
Elles fonctionnent comme des conditions, par exemple de largeur de navigateur, qui autorisent ou bloquent, des règles destinées à modifier, par exemple, la hauteur de police d'une légende.
Chaque code est différent pour chaque mise en page, aussi faut-il apprendre vous-même à utiliser ce type de css. Par exemple ici :
https://openclassrooms.com/fr/courses/1603881-apprenez-a-creer-votre-site-web-avec-html5-et-css3/1607616-le-responsive-design-avec-les-media-queries ou autre cours en ligne
Re: Différence entre affichage ordinateur / téléphone
Bon, alors, franchement, ce genre de réponse, merci mais pas la peine, toute la communication de Jimdo est faite sur la facilité qu'offre cet éditeur à NE PAS DEVOIR SE SERVIR DU CODE HTML ! Je suis graphiste, moi, vulgum pecus, pas informaticien ! Et je n'irai certainement pas bidouiller je ne sais quoi dans un code HTML...
Re: Différence entre affichage ordinateur / téléphone
Ce n'est pas possible autrement sur Jimdo.
Vous pouvez aussi demander à un spécialiste de créer le code et de le tenir à Jour.
Vous pouvez aussi demander à un spécialiste de créer le code et de le tenir à Jour.
Re: Différence entre affichage ordinateur / téléphone
Il existe un petit outil pour changer des détails de la version mobile sans code.
Mais pas les tailles de polices il me semble :
https://aide.jimdo.com/aller-plus-loin-avec-jimdo/personnaliser-votre-version-mobile/
Mais pas les tailles de polices il me semble :
https://aide.jimdo.com/aller-plus-loin-avec-jimdo/personnaliser-votre-version-mobile/
Re: Différence entre affichage ordinateur / téléphone
Merci, c gentil, mais je suis vraiment rebuté par tout code HTML.... En fait, j'ai remarqué quelque chose, ça fonctionne correctement sur mon téléphone à condition de ne pas ouvrir mon site avec Chrome mais avec le navigateur natif du téléphone (c'est un Samsung) ! Il se passe le même phénomène sur ma tablette, ça fonctionne correctement avec le navigateur natif...
Re: Différence entre affichage ordinateur / téléphone
Il me semble que les principaux navigateurs proposent d'afficher une version 'texte' du site visité. Il faut cliquer sur l'icone en forme de page, dans la barre url. Cela permet de visualiser les sites non responsives, ou trop lourds.
Re: Différence entre affichage ordinateur / téléphone
à tout hasard…
Vous n'auriez pas collé le texte à partir d'un autre module, ou d'un texte word ?
Cela peut copier AUSSI des codes de dimension de texte, des balises de titres etc.
Il vous faut effacer la légende et taper le texte directement dans la fenêtre dédiée du module image.
Si vous voulez conserver les nuances dans les légendes (gras, italique, couleur…)
Tapez préalablement le texte dans un module texte, mettez-le en style selon vos objectifs, affichez le code html (dernière icône du module texte : </>) copiez le code et collez-le dans la fenêtre 'légende" du module photo.
Un copié/collé du texte déjà mis en style donne des résultats un peu imprévisibles.
Vous n'auriez pas collé le texte à partir d'un autre module, ou d'un texte word ?
Cela peut copier AUSSI des codes de dimension de texte, des balises de titres etc.
Il vous faut effacer la légende et taper le texte directement dans la fenêtre dédiée du module image.
Si vous voulez conserver les nuances dans les légendes (gras, italique, couleur…)
Tapez préalablement le texte dans un module texte, mettez-le en style selon vos objectifs, affichez le code html (dernière icône du module texte : </>) copiez le code et collez-le dans la fenêtre 'légende" du module photo.
Un copié/collé du texte déjà mis en style donne des résultats un peu imprévisibles.
Re: Différence entre affichage ordinateur / téléphone
Bravo, c'est exactement ce que j'ai fait, mais après, impossible de revenir en arrière... Sinon, c'est la bonne idée, pourtant, à partir de quel autre logiciel peut-on coller du texte ? Du simple texte par exemple ? Ca n'a pas l'air de bien fonctionner non plus...
Re: Différence entre affichage ordinateur / téléphone
Dans ce cas, il est probable que vous avez involontairement copié un élément indésirable. Il suffira de recommencer la manipulation, par exemple en dupliquant une image qui apparaît correctement, et en changeant le contenu de la légende et de l'image. Mais en écrivant directement dans le module, après avoir sélectionné chaque partie du texte de la légende.
Sujets similaires
» Enlever espace entre logo et navigation et entre navigation et contenu
» ma barre de navigation a disparu
» téléphone ?
» Numéro de téléphone cliquable
» site responsive sur téléphone
» ma barre de navigation a disparu
» téléphone ?
» Numéro de téléphone cliquable
» site responsive sur téléphone
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|