WebSite X5Help Center

 
Françoise C.
Françoise C.
User

Comment adapter des tableaux de tarifs aux smartphones ?  fr

Autor: Françoise C.
Visitado 1539, Followers 1, Compartido 0  

Bonjour

J'ai un soucis sur mon site avec mes tableaux où il y a le tarif des épilations.

Je suis obligée de mettre plusieurs colonnes pour que ça fasse plus jolie et si je ne les mets pas sous forme de tableau c'est difficile de tout aligner donc je tourne en rond et je ne sais plus comment faire ! car si c'est sous forme de tableau ça ne s'affiche pas sur un smartphone et donc les gens ne voient pas les tarifs que je propose.

Merci d'avance !

Françoise

Publicado en
18 RESPUESTAS - 6 úTIL - 1 CORRECTO
Françoise C.
Françoise C.
User
Autor

bonjour merci pour ces réponses

ce matin j'ai eu l'idée de créer un fichier word et de l'enregistrer en pdf pour après l'insérer sur la page du site. Est ce que c'est possible ?

Françoise

Leer más
Publicado en de Françoise C.
Axel  
Axel  
User

L'objet tableau aussi...

Leer más
Publicado en de Axel  
Françoise C.
Françoise C.
User
Autor

Merci mais le tableau je l'ai déjà et il ne s'affiche pas sur les mobiles, seulement sur écran pc !!!

Donc je refais sans tableau !

Par contre je viens de trouver qu'on peut insérer un pdf et il m'affiche "aucun aperçu disponible" !!!

Je pense que je vais contacter xavier si besoin...

Françoise

Leer más
Publicado en de Françoise C.
Axel  
Axel  
User

Moi sur iPhone le tableau ci dessus s'affiche bien... (vertical et horizontal)

https://afsoftware.fr/telechargements.html

Après sur un smartphone... les limites sont l'écran aussi !

Leer más
Publicado en de Axel  
Xavier GREGOIRE
Xavier GREGOIRE
User

Bonjour,

vous pouvez par exemple réaliser le tableau dans une application comme word et éditer le tableur en html.

ensuite vous copiez le code html et le coller dans un objet texte en activant le code hmtl.

Cela donne ceci : www.namaste-nivelles.be (voir tarif) mais je l'ai mis dans un objet dynamique

et c'est web responsive!

Cordialement, 

Xavier

Leer más
Publicado en de Xavier GREGOIRE
Françoise C.
Françoise C.
User
Autor

Bonjour

Ce matin j'ai réalisé un tableau 3 colonnes car je propose 2 prix sous word. j'ai enregistré en pdf. Puis quand j'ai voulu suivre vos conseils, on me propose d'enregistrer en page web avec ou sans filtre !!! Donc je ne sais pas ou je recupère le code html pour le copier dans l'objet texte ?

Cordialement

Françoise

Leer más
Publicado en de Françoise C.
Françoise C.
Françoise C.
User
Autor

bonjour

voici mon site

https://lilabelle-institut.fr/epilations-homme-.html

Vous verrez que la personne qui avait fait ce site avait utilisé des tableaux pour présenter mes tarifs et il y a 4 ans on les voyait en mode smartphone ! Et maintenant ils sont invisibles !!! D'où ma question !

Peut être que ca vient de la nouvelle version !

Merci encore de votre aide !

Françoise

Leer más
Publicado en de Françoise C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Françoise C.
bonjour voici mon site https://lilabelle-institut.fr/epilations-homme-.html ... ... ... ... 

(It > Fr) ... il y a quelques années, j'ai inventé un code pour la version .12 qui rend les tables élastiques ...
... si vous voulez l'essayer, le code est très simple, il est utilisé avec un copier-coller et le code de base est:
<style> table {word-break: break-word} </style>
<script> $( document ).ready(function() { $("table").css("width", "");}); </script>
... à insérer dans la zone expert de la page, code défini par l'utilisateur, 3ème option: Avant de fermer la balise /HEAD
... prévenir en cas de difficultés ...

... alternativement, dans certains cas, vous pouvez utiliser ce code au lieu du précédent:
<style> table {width:100% !important;word-break: break-word} </style>

.........

>> https://helpcenter.websitex5.com/es/post/212406
>> https://helpcenter.websitex5.com/es/post/226519
etc.

.

ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Françoise C.
Françoise C.
User
Autor

Bonsoir

Je viens de copier coller les codes mais il n'y a pas de changement ! en mode mobile on ne voit que la photo et pas les tableaux !!!

Et je ne sais toujours pas comment insérer mon tableau en pdf !!! sur la page !

Merci

Bonne soirée

Françoise

Leer más
Publicado en de Françoise C.
Françoise C.
Françoise C.
User
Autor

Bonsoir JP

J'ai mis l'objet PDF File

Mais il marque "aucun aperçu disponible " !!!

Je ne vois pas où je peux modifier la dimension de la fenêtre de visualisation !

@+ Françoise

Leer más
Publicado en de Françoise C.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator
Usuario del mes ESUsuario del mes PT
Françoise C.
... ...  Je viens de copier coller les codes mais il n'y a pas de changement ! en mode mobile on ne voit que la photo et pas les tableaux !!! ... ... ... 

... mon code fait référence au tableau, et sur votre page LINK je constate que vous n'avez pas appliqué le code précédent ...
 salut,  ciao

.

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
JiPeR 48
JiPeR 48
Moderator
Usuario del mes FR

Re... ;o)

Quand je parle de réduction de la fenêtre, c'est une fois le site en ligne. Le visiteur peut, à l'aide des touches + ou - agrandir ou réduire la fenêtre de visualisation.

Je viens de tester un exemple et j'ai parfaitement bien le visu en local. Je ne connais pas la version Evo.

Essaie de lancer, après enregistrement de la modification (insertion du module PDF), le fichier index.html depuis le dossier Preview du projet pour voir ce que ça donne avec ton navigateur par défaut :

@+, J.P.

Leer más
Publicado en de JiPeR 48
Françoise C.
Françoise C.
User
Autor

Merci pour l'info mais je commence à saturer...ça m'a l'air compliqué !!!

Je viens d'acheter l'objet CSV Viewer ! Je vais refaire mon tableau sur excel ! Je te tiens au courant pour voir si ça fonctionne mieux que le fichier pdf.

Merci encore

@+

françoise

Leer más
Publicado en de Françoise C.
Françoise C.
Françoise C.
User
Autor

bonsoir

ça y est je suis arrivée à insérer les tableaux avec l'objet CSV Viewer !

Donc je vais tous les refaire !

Merci encore pour votre aide !

Bonne soirée

Françoise

Leer más
Publicado en de Françoise C.