Blog d'aide de Blog4ever

Bonjour,

Pourquoi en remplacent la photo d'entête de base par une perso je perds la fonction mobile sur :
http://gpm-essai.blog4ever.com/

:bye:

:bd:
Je ne pense pas que ce soit lié.

Pour le logo tu pourrais corriger la hauteur. (ton image fait 237px )

Voir ligne 1318 du css.

header .image {
    height: 237px;
    overflow: hidden;
    position: relative;
    width: 960px;
}

@+

Bonjour Simon,

Effectivement j'ai vu que je pouvais modifié la hauteur mais je n'ai pas voulu aller plus loin car la seule chose que j'ai faite sur ce nouveau blog c'est de changer la photo et en regardant sur mon smartphone je n'ai plus la fonction mobile.
@+

Dernière modification le jeudi 21 Mai 2015 à 18:36:17

..........


Je ne comprend pas ce que tu veux dire.
Le mobile doit avoir le site en mémoire.

Bonjour Nana
J'avais bien compris pour la photo mais comma je le disais à Simon, mais je m'exprime mal, ce qui manque c'est le redimensionnement sur le mobile et de plus la photo (bannière) est présente alors qu'elle ne devrait pas apparaître.
:bye:

.............
Sur mon portable le logo s'affiche.

Je peux agrandir ou réduire la page.

Exact Simon,

Normalement il ne devrait pas s'afficher 

mon blog paysages de corse s'affiche bien aussi.

Comme le disais Nana la bannière ne devrait pas s'afficher car elle est trop grande et empêche le redimensionnement du blog en taille mobile

Je l'ignorai mais il me semble que j'ai toujours eu la bannière sur mon portable.
Mobile samsung

Normalement sur le mobile cela se présente comme cela :



Donc sans la bannière

............
Je donne la langue au chat.

As-tu la bannière de ton blog sur ton Samsung ?

OUI !

Donc tu n'as pas la présentation mobile ?

Je vois mon blog normalement comme sur un pc

OK,

C'est comme mon blog http://guideplaisancemobile.blog4ever.com/

mais là je cherche avec celui d'essai http://gpm-essai.blog4ever.com/  à le mettre en fonctionnement pour mobile, et la bannière ne devrait pas être présente.

Bonjour,

as-tu inclus les CSS nécessaires, comme je l'avais indiqué, dans le sujet sur la mise en place du design mobile ?

Pour rappel, il faut inclure les CSS suivants :

 


Bonne journée.

Bonjour 

Donc Nana tu ne vois pas la bannière sur ton I-phone, ce qui est bien.

Par contre je ne comprend pas pourquoi moi je la vois sur le Samsung, même après avoir intégré les lignes de CSS indiquées par Maelranaidh?

Dernière modification le vendredi 22 Mai 2015 à 08:45:56

Ils ne sont pas inclus, je ne les vois pas dans la source HTML du blog.

Maelranaidh,
Tu a marqué dans le CSS dans ton poste précédent, c'est pour cela que tu ne le vois pas;
Je vais donc le mettre dans le HTML.

Merci Maelrananaidh,
c'est bon

@Maelranaidh@

j'avance,
Mais j'ai un soucis avec ma page d'accueil :
Elle ne se met pas au format du mobile 

Bonjour,

J'ai pratiquement fini ma migration pour mobile, il ne me reste plus que ce problème de page d'accueil ainsi que le même problème avec l'image de fond de mes titres.

:bye:

Bonsoir,

les dimensions des élements de ta page d'accueil sont en pixels. Pour que ce soit compatible avec la version mobile, il faudrait utiliser des pourcentages.

Bonne soirée.

Bonjour Maelranaidh,

J'ai commencé à modifier la page d'accueil et effectivement j'y arrive petit à petit.
Pour ce qui concerne les titres c'est bon maintenant.

Par contre toutes les cartes qui sont dans mes milliers d'articles, il n'y a pas moyen de mettre un paramètre pour que cela s'applique dans tous les articles car ce n'est pas possible de les modifier manuellement vu la quantité ?

:bye:

.......
Pour les cartes voici le lien http://gpm-essai.blog4ever.com/phare
 il y en a deux dans chaque article

Bonjour,

C'est compliqué, les deux cartes sont intégrées à la page via des iframes qu'il n'est pas possible de distinguer l'une de l'autre (pas de classe, ni d'identifiant) et ont des largeurs différentes.

Donc la seule solution que j'ai à proposer, c'est de mettre l'instruction CSS suivante dans ton CSS :

#article iframe {
width: 80% !important;
}

Du coup, les deux cartes auront la même largeur mais ça s'adaptera à l'affichage sur appareil mobile.

Super Maelranaidh,

C'est ta seule solution mais elle est parfaite, n'en cherche pas d'autres.

Dernier point que je n'arrive pas à faire, c'est la photo de ma page d'accueil qui est un fond de tableau et qui possède 2 colonnes.
Je n'arrive pas à la réduire pour le mobile

Bonne journée,

Philippe

Alors là... Un tableau est très difficile à manipuler entre affichage bureau et mobile. Ce n'est pas très flexible.

Ce que tu pourrais faire, c'est remplacer le tableau par une div, avec l'image en fond. Et à l'intérieur de cette div, tu redivises en div, en fonction de tes besoins.

Spécifie une largeur en % pour la div mais si tu veux conserver l'affichage actuel sur ordinateur de bureau, il suffira que tu mettes une largeur maximum (max-width) égale à la largeur que tu utilises actuellement.

Ensuite, pour faire des colonnes, tu joues sur la flottaison (float en CSS), pour ajuster l'affichage. Pour la largeur des colonnes, tu dois pouvoir utiliser une largeur de 50% et tu spécifies une largeur minimum de 249px (min-width), qui devrait empêcher de se retrouver avec des colonnes minuscules sur mobile (Tu perdras l'affichage en colonne, mais ça sera plus commode à lire).

Bonsoir Maelranaidh,

Je vais essayer de me lancer dans ce que tu me dis ...

Bonne soirée,