Comment adapter des tableaux de tarifs aux smartphones ? 
Author: Françoise C.
Visited 1484,
Followers 1,
Shared 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
Posted on the
Salut Françoise,
Voir cette discussion, à toutes fins utiles :
https://helpcenter.websitex5.com/en/post/212927
Je cherche pour voir si je trouve autre chose...
@+, J.P.
Suite... as-tu vu l'Objet CSV Viewer ? Serait-ce bon pour toi ? Des fois que... ?
(Créer un fichier Excel et l'enregistrer comme un fichier CSV)
https://market.websitex5.com/fr/objets/apercu/34b5af54-3cb7-4147-8274-3cef73adb5b
J.P.
Suite... https://helpcenter.websitex5.com/en/post/227300
Exemple sur le site de Xavier http://www.namaste-nivelles.be/
Si tu veux prendre contact avec lui : http://www.panoweb.be/contact.html
J.P.
Author
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
L'objet tableau aussi...
Author
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
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 !
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
Author
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
Author
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
(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/en/post/212406
>> https://helpcenter.websitex5.com/en/post/226519
etc.
.
ciao
.
Author
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
Salut Françoise,
As-tu essayé l'Objet PDF File ?
https://market.websitex5.com/fr/objets/apercu/37e688a5-30ed-4e6e-9151-10ec5b8de9b
Simple à mettre en place, et affichage correct si on réduit la dimension de la fenêtre de visualisation :
@+, J.P.
Author
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
... 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
.
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.
Author
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
Author
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