Résolu Blog sur tablette (pb d'espaces)

Bonjour,

Je fais mes articles sur tablette en version ordi.

Mes photos sont séparées par un intervalle , mes commentaires sont bien alignés à gauche.

Quand mes lecteurs le regardent sur téléphone il y a de grands vides entre les photos et en version ordi les photos sont collées et les textes commencent sur la droite. C'est aussi ce que je vois quand je le regarde.

Comment corriger cela. Merci d'avance

Bonjour,

uniformiser l'affichage des pages sur les ordis, les tablettes ET les téléphones (qui ont chacun leur propre configuration/affichage...)  c'est un peu compliqué d'autant que chacun de nous n'utilise pas les mêmes visuels & affichage !

Tu peux faire des essais pour visualiser et faire que ça soit "au mieux" (via un blog-test par exemple, c'est + pratique)

et/ou utiliser des codages spécifiques pour que le rendu soit le plus homogène, quel que soit le support (gestion des espaces/taille de l'écran)  et en pensant que le blog peut être regardé en Version standard mais aussi en Version mobile ;)

Quelqu'un d'autre pour un avis + techniquement efficace ?

Bonjour Claudine, Coucou Pipiou, 

C'est vrai que c'est la pagaille et tout ce que tu décris se retrouve bien dans les codes.

Je pense qu'à partir de la tablette tu charges un code qui s'intégre dans le positionnement de chaque image et qui perturbe les intervalles entre celles-ci.

J'ai réussi à reproduire ton problème sur le blog de démo et voici les résultats de mes investigations pour corriger  le problème (le bouton se trouvant dans l'éditeur et permettant d'effacer la mise en forme n'ayant donné aucun résultat).

Par exemple dans ton post "Provins", édite ton article puis passe en mode html en cliquant sur l'icône <>. Dans les codes qui s'afficheront, tu trouveras ceux-ci pour les 2 premières photos.

<p><a href="http://ekladata.com/UI6Em4or8QF8MdoQVjORMvaD63I.jpg"><img style="float: left; padding-right: 5px;" src="http://ekladata.com/UI6Em4or8QF8MdoQVjORMvaD63I@500x281.jpg" alt="Provins" /></a></p>

<p>&nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p><a href="http://ekladata.com/nYj0yDiaBCCMl41PKp9UwKIrttg.jpg"><img style="float: left; padding-right: 5px;" src="http://ekladata.com/nYj0yDiaBCCMl41PKp9UwKIrttg@500x281.jpg" alt="Provins" /></a></p>

<p>&nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

<p>& nbsp;</p>

Ce qui fiche la pagaille est en rouge mais c'est surtout ce code style="float: left; padding-right: 5px;" qu'il faut que tu supprimes et ce, pour chaque image et ensuite supprimer tous les <p>& nbsp;</p> qui correspondent à des intervalles de paragraphes d'où les grands vides constatés par tes lecteurs.

Après suppression de ces code tes photos s'aligneront à gauche, mais il te sera facile de les centrer ensuite.

Commence par ces deux premières photos et tu verras déjà le résultat. 

Bon  courage car tu as quelques articles concernés et surtout beaucoup de photos à l'intérieur de chaque.

PS Je pense qu'il serait peut-être plus judicieux d'éditer tes articles à partir d'un ordinateur. 

Re-PS J'ai mis un espace entre & nbsp; afin qu'il ne s'efface pas de mon post, mais il n'existe pas dans tes codes.

Merci beaucoup pour toutes ces infos, mais je crois que je vais suivre ton conseil et le faire avec l'ordi.

Ce qui me surprend c'est que l'an dernier je n'ai pas eu ce souci.

Encore merci 

Apparemment ce problème a commencé en août.

J'ai oublié de te préciser que dans tes posts tu as également des retours de paragraphe qui se présentent de cette façon :

<p style="text-align: center;">& nbsp;</p>

au lieu de

<p>& nbsp;</p>

Cela équivaut au même résultat, donc à supprimer également.

je ne suis pas assez douée pour ça... je vais le faire avec l,ordi.

Encore merci

Coucou Colette95,

je confirme que "ordi" et "tablette", c'est pas configuré pareil et ça fait pas les mêmes choses :

les fois où je réponds (forums/blogs) via la tablette, chaque retour à la ligne est "doublé" = grand interligne entre les paragraphes,

et en "commentaire" on n'a pas accès au code source (<>), du coup pour éviter les lignes vides je fais un Ctrl+Entrée.

Bonjour Pipiou,

J'en suis absolument convaincue car Claudine a posté un article hier dans la soirée (sans aucun doute à partir de son ordinateur) car tout est nickel et les codes ne sont pas "parasités". 

Bonne journée. 

Bonjour Pipiou et Colette,

J'ai essayé d'accéder au code source, mais, comme le dit Pipiou, ça ne marche pas sur tablette. J'ai fait mon article sur la tablette en centrant les photos et les textes. J'ai vérifié avec le code source et ça me semblait correct. Je l'ai posté et un lecteur m'a confirmé que c'était bon. Coïncidence,  mystère de l'informatique....

Espérons que ça va continuer. Encore merci pour vos infos qui m'ont permis d'approfondir mes petites connaissances.

Bonne journée