Forum Rank Seo

Forum SEO pour webmasters et blogueurs !

 


  • Publicités

Bug CSS adaptation site mobile

Posez vos questions pour l'amélioration de votre positionnement.

Bug CSS adaptation site mobile

Message par mbouchaud » 29 Jan 2016, 15:37

Bonjour,

Même ma belle-mère a une tablette !
Loin d'être expert en CSS, j'ai tout de même décidé de modifier les feuilles de styles de mon site afin de le rendre compatible sur les différents terminaux et permettre à ma belle de voire le travail de sa fille ;-)

L'outil de test de compatibilité mobile m'indique que c'est pas gagné :-(

Alors, si vous avez quelques pistes pour m'aider à corriger les dysfonctionnements listés ci-dessous et d'autres, n'hésitez pas.
Problème sur la page accueil :
- format portrait sur smartophone et tablette : la galerie d'images est tronquée
- la police de caractère est trop petite

Problème page interne
- format paysage sur smartophone et tablette: chevauchement de caractères sur la zone titre
- format portrait le cadre entête est tronqué
- la police de caractère est trop petite

Feuilles CSS :
feuille style.min.css
feuille galleria.css

Merci d'avance pour votre aide
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Publicités

Re: Bug CSS adaptation site mobile

Message par marc » 29 Jan 2016, 19:56

Salut Marcel

Il existe des classes toutes faites pour adapter ton site en responsive, tu te prendras moins la tête ;)

http://getbootstrap.com/css/#grid
Avatar de l’utilisateur
marc
Membre Certifié
Membre Certifié
 
Message(s) : 438
Enregistré le: 28 Mars 2014, 01:59
Localisation : Bretagne
A remercié: 85 fois
Remercié: 100 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 29 Jan 2016, 20:14

Salut Marc,

Tu trouves cela plus simple ! Je n'ai pas compris ce que je devais récupérer.
Il faut modifier toutes mes pages pour ajouter les classes ?
Cavalier du web, rejoingnez la troupe de l'Annuaire généraliste Colonel
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Re: Bug CSS adaptation site mobile

Message par marc » 29 Jan 2016, 21:01

Oui c'est plus simple c'est un systeme de grille prédéfinie sur 12 colonnes

tu dois rajouter les classes dans tes div ou section

En fonction de la largeur que tu veux lui donner tu ajoutes class="col-lg-12" pour toute la largeur de l'écran, tu peux mettre des marges 2 colonnes a droite et 2 a gauche et ta div a 8 , ce sera alors class="col-lg-8 col-lg-offset-2"

Tu vois c'est tout simple, n'oublies pas d'inclure le fichier bootstrap.css ou les classes sont définies
Avatar de l’utilisateur
marc
Membre Certifié
Membre Certifié
 
Message(s) : 438
Enregistré le: 28 Mars 2014, 01:59
Localisation : Bretagne
A remercié: 85 fois
Remercié: 100 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 29 Jan 2016, 21:19

C'est de l'artillerie lourde ;-)
Je vais étudier tout cela.
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Re: Bug CSS adaptation site mobile

Message par ref19 » 30 Jan 2016, 01:59

Et si c’était plus simple lol

si je ne m'abuse ton site est un wp

reste a connaitre ton template qui a peut être des paramètres responsive a activer, sinon, il est fort possible que le même template maj soit réglable en "responsive"
Avatar de l’utilisateur
ref19
Membre Certifié
Membre Certifié
 
Message(s) : 1232
Enregistré le: 08 Juin 2013, 20:15
A remercié: 41 fois
Remercié: 49 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 30 Jan 2016, 07:40

Salut,

C'était du wordpress, mais en fait c'est du pur customisé (Manuel a fait beaucoup de ménage)
Le template socle ne gère pas mieux les mobiles :-(
Cavalier du web, rejoingnez la troupe de l'Annuaire généraliste Colonel
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Re: Bug CSS adaptation site mobile

Message par ref19 » 30 Jan 2016, 16:53

héhéhé......
pas de chance!
Avatar de l’utilisateur
ref19
Membre Certifié
Membre Certifié
 
Message(s) : 1232
Enregistré le: 08 Juin 2013, 20:15
A remercié: 41 fois
Remercié: 49 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 03 Fév 2016, 08:32

Peut être que je devrais envisager la changement de template !
Auriez vous un thème gratuit, sympa et sans SGBD à me suggérer ?
Je vous présente mon site de fleurs
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 20 Fév 2016, 16:29

En partie grâce à l'émulateur embarqué dans chrome, accessible par la combinaison de touches CTRL+SHIFT+M, j'ai réussi à régler quelques problèmes d'affichage ;-)

L'outil d'émulation me permet de constater que quelque soit le terminal, en mode portrait la police de caractère est trop petite.
Si l'un d'entre vous pouvait m'aider à corriger cette boulette ce serait cool.
Je vous présente mon site de fleurs
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois

Re: Bug CSS adaptation site mobile

Message par bg62 » 23 Fév 2016, 13:13

lut;)
et ... si ... avec un simple changement de thème ( oui, pourquoi pas ! ) tous les problèmes ' RWD et autres ) pouvaient être résolus, ce ne serait pas mieux, à la fois pour 'tester', ou personnaliser et ensuite mettre en ligne ... ?
:siffle:
nota : vois également ceci : https://developers.google.com/speed/pagespeed/insights/
@+
tout le monde, ne pas oublier d'apprendre à se servir de Google !!!
Avatar de l’utilisateur
bg62
V.I.P
V.I.P
 
Message(s) : 1061
Enregistré le: 10 Juin 2013, 15:43
A remercié: 29 fois
Remercié: 47 fois

Re: Bug CSS adaptation site mobile

Message par mbouchaud » 23 Fév 2016, 13:26

bg62 a écrit:lut;)
et ... si ... avec un simple changement de thème ( oui, pourquoi pas ! ) tous les problèmes ' RWD et autres ) pouvaient être résolus, ce ne serait pas mieux, à la fois pour 'tester', ou personnaliser et ensuite mettre en ligne ... ?
:siffle:


Plus simple je ne sais pas, cependant je travaille cette solution en parallèle ;-)
Cavalier du web, rejoingnez la troupe de l'Annuaire généraliste Colonel
Avatar de l’utilisateur
mbouchaud
Membre Certifié
Membre Certifié
 
Message(s) : 602
Enregistré le: 15 Sep 2013, 07:24
Localisation : Pornichet
A remercié: 87 fois
Remercié: 76 fois


Retour vers Demande d'aide



 


  • Articles en relation
    Réponses
    Consultation(s)
    Dernier message

Qui est en ligne

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité

  • Publicités

Webmaster Jimcail.fr

Propulsé par phpBB® Forum Software © phpBB Group • Traduit par phpBB-fr.com
phpBB SEO
Theme created by StylerBB.net