Aller au contenu
Support de Zwii
  • 0
mulanee

Mon site n'est plus "responsive"

Question

4 réponses à cette question

Messages recommandés

  • 0
Il y a 2 heures, mulanee a dit :

J'ai du faire une bêtise quelque part

Je confirme et pas une petite bêtise mais bien plusieurs...

 

Tu as construit ta page principale avec des tables.

Donc ne pas imposer de largeur pour ces tables en px mais en %

Il faut aussi savoir que dans tes tables, ce sont des colonnes qui sont affichées et là aussi il faut exprimer leur taille en %

 

Ensuite tu dois aussi tenir compte des padding pour tes tables afin qu'elles "s'écartent des bords" verts (couleur que tu as choisi pour l'intérieur de ton site...

 

Il te faut donc reprendre ton travail et enlever les largeur fixes pour obtenir ceci:

 

t1.png.e6ed6145c700c1e245db65a211a9a182.png 

 

t2.png.4068b5d731d201697f4ad2a4f68a2732.png

 

etc

par exemple pour le cadres avec tes cartes cliquables, j'ai mis la table à

width: 100%;
padding-left: 60px;
padding-right: 60px;

 

à la place de tes propres réglages

width: 688px;

pour obtenir son responsive

t3.thumb.png.096337694b49a2391ebba47e55b92260.png

 

et pour l''intérieur qui affiche tes carte...

width: 100%;
padding-left: 60px;
padding-right: 60px;

 

à la place de tes réglage persos que tu as mis das la construction de ta page

width: 169.5px;

t4.thumb.png.2e05a471f7e6c2b0698331ac0b1f37b3.png

 

en plus d'avoir mis une marge en % pour les cartes qui sont affichées à l'intérieur comme ceci:

( <td style="width: 11%;margin-left: 0px;padding-left: 0px;padding-right: 0px;"> etc.... )
 

width: 11%;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;

 

Il te faut donc rééditer toute ta page en code source dans le tinymce et reprendre ainsi les marges, largeurs et touti de tout ce qui affiche les cadres chez toi

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0
il y a 40 minutes, roger a dit :

Je confirme et pas une petite bêtise mais bien plusieurs...

 

Tu as construit ta page principale avec des tables.

Donc ne pas imposer de largeur pour ces tables en px mais en %

Il faut aussi savoir que dans tes tables, ce sont des colonnes qui sont affichées et là aussi il faut exprimer leur taille en %

 

Ensuite tu dois aussi tenir compte des padding pour tes tables afin qu'elles "s'écartent des bords" verts (couleur que tu as choisi pour l'intérieur de ton site...

 

Il te faut donc reprendre ton travail et enlever les largeur fixes pour obtenir ceci:

 

t1.png.e6ed6145c700c1e245db65a211a9a182.png 

 

t2.png.4068b5d731d201697f4ad2a4f68a2732.png

 

etc

par exemple pour le cadres avec tes cartes cliquables, j'ai mis la table à


width: 100%;
padding-left: 60px;
padding-right: 60px;

 

à la place de tes propres réglages


width: 688px;

pour obtenir son responsive

t3.thumb.png.096337694b49a2391ebba47e55b92260.png

 

et pour l''intérieur qui affiche tes carte...


width: 100%;
padding-left: 60px;
padding-right: 60px;

 

à la place de tes réglage persos que tu as mis das la construction de ta page


width: 169.5px;

t4.thumb.png.2e05a471f7e6c2b0698331ac0b1f37b3.png

 

en plus d'avoir mis une marge en % pour les cartes qui sont affichées à l'intérieur comme ceci:

( <td style="width: 11%;margin-left: 0px;padding-left: 0px;padding-right: 0px;"> etc.... )
 


width: 11%;
margin-left: 0px;
padding-left: 0px;
padding-right: 0px;

 

Il te faut donc rééditer toute ta page en code source dans le tinymce et reprendre ainsi les marges, largeurs et touti de tout ce qui affiche les cadres chez toi

Oh la la il y a du boulot

  • Haha 1

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

@mulanee

Je te le confirme mais tu en auras pour pas plus de 10mn pour faire rentrer les choses dans l'ordre, il faudra juste que tu alignes tes cadres avec les paddings pour qu'ils collent au visuel que tu veux donner à ton site. 😃

Partager ce message


Lien à poster
Partager sur d’autres sites
  • 0

@mulanee

bonjour, roger à raison sur les modifications proposées.

Pour ma part, je me passerai de l'usage de tableau. Pour ta composition, tu n'en as vraiment pas besoin.

 

Les tableaux ,pour cette usage, ont été abandonnés il ya quelques décennies. On préfère utiliser des balise "div, aside, p, span, etc."

dans ton cas, tu vas te faciliter la vie.

 

  • Merci 1

Partager ce message


Lien à poster
Partager sur d’autres sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Invité
Répondre à cette question…

×   Collé en tant que texte enrichi.   Coller en tant que texte brut à la place

  Seulement 75 émoticônes maximum sont autorisées.

×   Votre lien a été automatiquement intégré.   Afficher plutôt comme un lien

×   Votre contenu précédent a été rétabli.   Vider l’éditeur

×   Vous ne pouvez pas directement coller des images. Envoyez-les depuis votre ordinateur ou insérez-les depuis une URL.


×
×
  • Créer...