> Tous les forums > Forum des Webmasters
 Site web adaptatif (responsive)
Ajouter un message à la discussion
Page : [1] 
Page 1 sur 1
Bruno_K
  Posté le 05/07/2016 @ 17:52 
Aller en bas de la page 
Astucien

Bonjour toutes et tous,

.
.

Nous avons mis en place un petit site "responsive", thème "Enigma pro" de WebIzar.

Nous avons testé le caractère dit "responsive" du site sur divers services web.

Etrangement, nous constatons que, quand nous choisissons de petits écrans, des mots de notre page d'accueil sont découpés les rendant inintelligibles (flèches rouges de la capture 1), alors que d'autres d'à peu près même longueur ne subissent pourtant pas ces "hachures" (flèches vertes de la capt. 2).



Capture 1


.
.

Capture 2

.
.
.

C'est très inconfortable et inesthétique pour tout visiteur équipé d'un petit terminal. Est-ce, s'il vous plaît, normal ? S'agit-il d'un défaut du thème ? Comment le réparer ?

Lien de notre petit site : Accéder au site

Merci beaucoup de vos conseils



Modifié par Bruno_K le 05/07/2016 19:03
Publicité
elle
 Posté le 05/07/2016 à 17:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Bruno_K
 Posté le 06/07/2016 à 11:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour Elle !

Merci !!! Nous allons voir çà de plus près.

Très bonne journée

zoulouman
 Posté le 07/07/2016 à 12:01 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Salut,

Ton site rend très bien, même avec de très petites résolutions.

Bruno_K
 Posté le 07/07/2016 à 17:43 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour Zoulouman,

Merci pour ton message. Mais qu'entends-tu, s'il te plaît, par "ton site rend très bien" ? Que les coupures de mots observées sur les services web de vérification du caractère "responsive" n'existent pas dans la réalité quand on regarde directement sur les appareils ?

Je précise que les coupures de mots observées, l'ont été sur des sites web de vérification.

Si effectivement, des coupures insensées de mots ont lieu, comment les résoudre ? S'agirait-il d'un défaut du thème ?

Merci pour tous les avis et conseils

zoulouman
 Posté le 07/07/2016 à 19:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Oui, c'est ça.

Ton site rend très bien "IRL" (in real).

Sur des appareils mobiles, il n'y a rien à redire.

Bon, c'est certain, je n'ai pas testé avec tous les mobiles, n'est-ce pas ?

Mais ce que j'ai vu est très encourageant !

elle
 Posté le 07/07/2016 à 19:54 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Mais les coupures bizarres de mots sont présentes...

Bruno_K
 Posté le 07/07/2016 à 20:47 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonsoir Elle, Bonsoir Zoulouman,

Merci beaucoup d'être passés !

C'est le problème de notre côté : nous n'avons pas suffisamment d'appareils pour vérifier :( Alors, par défaut, nous utilisons les sites web pour tester... L'important est, comme tu le dis Zoulouman, l'IRL : çà se passe comment dans la réalité sur les machines ?

Parce que Elle, tu nous dis que sur tes appareils, tu observes des coupures (comme sur les sites de test) ; alors que selon Zoulouman, c'est nickel sur ses machines. Je ne comprends plus très bien...

elle
 Posté le 07/07/2016 à 21:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

J'ai testé avec mon téléphone sous Android, et en redimensionnant la fenêtre de mon navigateur.

Je pense que le monsieur zoulou, il a pas bien lu la question...

zoulouman
 Posté le 08/07/2016 à 09:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Mais si ! Le monsieur zoulou il a bien lu la question.

Là, à cette heure, si je fais un essai logiciel, tout va bien ! Désolé, mais un lendemain de match, je ne vais pas réveiller les copains à 9h30, pour ceux qui ont la chance de ne pas travailler ce matin.

Lien vers une image externe

Lien vers une image externe

Et ça va bien sur toute la hauteur de l'écran !

elle
 Posté le 08/07/2016 à 13:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu testes sur quoi?

Bruno_K
 Posté le 08/07/2016 à 17:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Et sur quel navigateur ?

Le navigateur a l'air d'avoir un impact sur la question.

Il semblerait, en effet, je n'en suis pas encore tout à fait sûr, que le problème de césures intempestives, a lieu sur firefox... Et pas sur chrome et opera par exemple...

A confirmer cependant

zoulouman
 Posté le 09/07/2016 à 11:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Effectivement, c'est testé sous Opera avec l'extension "web developer".

Je vais voir aujourd'hui ce que ça donne sur des mobiles réels.



Modifié par zoulouman le 09/07/2016 11:24
zoulouman
 Posté le 09/07/2016 à 16:45 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Je viens de voir sur un portable où ça passe bien, mais il faut rooter le tel pour faire une capture !

Bon, je reviens...

elle
 Posté le 09/07/2016 à 16:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Toujours sur mon téléphone Android, sur Chrome, c'est en effet OK.

Sur Firefox, c'est OK quand on actualise la page mais ça se déplace par la suite.

elle
 Posté le 09/07/2016 à 16:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

zoulouman a écrit :

Je viens de voir sur un portable où ça passe bien, mais il faut rooter le tel pour faire une capture !

Bon, je reviens...

On peut te croire sur parole aussi!

Enregistrer

elle
 Posté le 10/07/2016 à 03:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

En tout cas, le problème sur Firefox semble provenir d'un des scripts en JavaScript parce que JS désactivé, y a plus de problème de coupure de mots.

Faudrait regarder le script qui anime le déplacement des items, peut-être...

elle
 Posté le 10/07/2016 à 06:07 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu as essayé en mettant du texte, comme sur la démo?

http://demo.weblizar.com/enigma-premium/

Parce que comme c'est là, tu as des balises de paragraphe vides dans ton code.



Modifié par elle le 10/07/2016 06:08
Bruno_K
 Posté le 10/07/2016 à 07:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour Elle,

Merci beaucoup pour tes observations. Parce qu'ici, je suis un peu perdu...

Non, je n'ai pas mis de texte dans les balises paragraphes pour ne pas encombrer.

Je vais essayer d'en mettre pour voir ce que cela donne.

Je suis quand même étonné que ce problème a lieu pour la première ligne des rubriques et pas pour les autres...

J'espère que ce n'est pas du à un défaut du thème.

Bon dimanche !

elle
 Posté le 10/07/2016 à 07:16 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Il y a un forum sur le site : https://weblizar.com/forum/viewforum.php?f=24

elle
 Posté le 10/07/2016 à 07:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

https://weblizar.com/forum/viewtopic.php?f=24&t=2849



Modifié par elle le 10/07/2016 07:24
Bruno_K
 Posté le 10/07/2016 à 12:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

..Oui, Elle, tu as raison : en ajoutant un descriptif aux rubriques du haut, les césures intemprestives sur firefox 47.0.1 ont disparu.

Donc un problème qui semble pour l'instant résoulu... Mais des camarades m'ont signalé d'autres (sur d'autres pages)

J'ai un truc à faire... je vais reprendre çà un peu plus tard.

Te resouhaitant, Elle, un excellent dimanche (ainsi qu'à Zoulouman et aux autres). Et bien sûr bon match de foot ce sir à 21h00, stade de France, sur tf1, pour ceux qui restent à la maison.

zoulouman
 Posté le 10/07/2016 à 16:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Sinon, vu que tu utilises Bootstrap, tu as pensé à la classe "clearfix" ?

Avec bootstrap, la classe "clearfix" règle souvent les problèmes là où il y en a.

Par exemple, si une div pose problème : <div class="visible-xs> peut être remplacé par <div class="clearfix visible-xs">

Souvent, ça marche.

Bruno_K
 Posté le 11/07/2016 à 16:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Astucien

Bonjour Zoulouman

Merci beaucoup, je vais revoir çà !

Bonne semaine

Publicité
Page : [1] 
Page 1 sur 1

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
84,99 €Alimentation modulaire Corsair RM750 80+ Gold à 84,99 €
Valable jusqu'au 02 Décembre

Cdiscount propose actuellement l'alimentation modulaire Corsair RM750 à 84,99 €. Cette alimentation de 750W est certifiée 80+ Gold et est garantie 10 ans. Entièrement modulaire, vous pourrez brancher uniquement les câbles (fournis) dont vous avez besoin. On la trouve ailleurs à partir de 113 €. 


> Voir l'offre
79,00 €Pack de 2 Adaptateurs CPL Netgear 2000 Mbps à 79 €
Valable jusqu'au 03 Décembre

Amazon fait une offre éclair sur pack de 2 Adaptateurs CPL Netgear PLP2000-100FRS 2000 Mbps qui passe à 79 € livré gratuitement alors qu'on le trouve à partir de 115 € ailleurs. Ces adaptateurs disposent d'une prise femelle intégrée, de deux prises Ethernet Gigabit et offrent une vitesse record jusqu'à 2000 Mbps. 


> Voir l'offre
42,99 €Disque dur Seagate BarraCuda 2 To à 42,99 €
Valable jusqu'au 02 Décembre

Cdiscount propose actuellement le disque dur Seagate BarraCuda - 2 To (ST2000DM008) à 42,99 €. On le trouve ailleurs autour de 60 €. Ce disque dur 3.5 pouces SATA III tourne à 7200tr/min et possède 64Mo de cache. 


> Voir l'offre

Sujets relatifs
Pb pour installer un widget sur un site wordpress
petit problème site web
Accès au site en localhost
Site en local
[logiciel création site type magazine]
Création de site internet. Webmaster Developpeur
Lancement site pour tutoriels vidéos Gmail (pour commencer)
site internet avec w 10 gratuit
création site internet
Mettre un compteur de visites sur un site
Plus de sujets relatifs à Site web adaptatif (responsive)
 > Tous les forums > Forum Forum des Webmasters