Faire un site pour PC et téléphone/tablette

**NoSmoking** · 23/07/2024, 19h10

Allez un petit coup de pouce simple, dans ton ficher styles.css modifie la règle sur le body comme suit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
body {
  background:#000;
/*  width: 1044px;      /*-- à supprimer --*/
  max-width: 65em;      /* préférer l'usage d'une max-width */
  height:auto;
  margin-left:auto; 
  margin-right:auto;
  padding-top: 0;
  padding-bottom: 0;
/*  font-size: 16px;    /* mieux vaut travailler en fonction du choix utilisateur */
  font-size: 1em;
/*  transform: translate {-50%, -50%};  /*-- déclaration non valide et heureusement !! --*/
}

A lire : Les fondamentaux du Responsive Web Design

**jlb59** · 23/07/2024, 19h50

Je n'en vois trop la nécessité car Domi m'avait donné la ligne à mettre dans le <head>, ça marche sur le téléphone mais il faut jouer avec le zoom de l'écran.

Pour l'instant, ça va et je vais devoir reprendre la taille des fonts.
Je verrai ce que ça donne sur mon téléphone.

Merci pour tout.

Maintenant, je vais voir comment faire un slider ou un carousel pour les 1ères images de la page "accueil.php" et quand ça marchera bien, je mettrai des images plus parlantes parce qu'actuellement, ce n'est que du statut.

J'ai vu le exemple de NoSmoking, qui m'a l'air plutôt bien.
J'ai copier/coller le code mais ça ne marche pas comme l' exemple.

**laurentSc** · 24/07/2024, 00h21

Pour avoir regardé l'effet responsive de ton site avec l'inspecteur, c'est pas encore ça...

Donne le code de menu.php, et je verrai si je peux te le transformer en menu hamburger pour les smartphones. Un exemple de mes sites pour lequel l'effet responsive avec un menu hamburger est correct : https://pasdpanique.fr/

**jlb59** · 24/07/2024, 00h30

Merci, je te donnerai ça demain

**laurentSc** · 24/07/2024, 12h01

Ce matin, je me suis rappelé que je pouvais récupérer le code du menu directement avec l'inspecteur sur le site actuel et voici le menu hamburger : https://codepen.io/laurentsch/pen/bGPpmOP

Bien sûr, pour pas avoir d'erreurs 404, j'ai supprimé les liens

**jlb59** · 24/07/2024, 12h28

Envoyé par laurentSc

Je regarderai demain.

Merci de regarder mon site, et pour la source, je t'enverrai le tout en .rar, si ça peut t'être utile, ce sera très bien.

**laurentSc** · 24/07/2024, 12h33

Parfait

**jlb59** · 24/07/2024, 13h27

Je t'avouerai que je m'y perd entre "responsive" et "Bootstrap".

J'ai eu des réponses où l'un ne disait qu'il fallait faire mon site en Responsive, l'autre faire un Bootstrap, je n'y comprends plus rien.

Oui sur le téléphone, c'est un peu mieux depuis que j'ai rajouté 1 ligne méta dans le head.
Je l'avais pas fait parce que j'avais de la mettre, c'est NoSmoking qui me l'a rappelé.

Maintenant, tu me parles de Responsive, ça ça étre compliqué de tout reprendre dans le site, parce que j'ai déjà eu du mal à faire appel au JS de "Grand test" et "Test De QI", qui sont en JS.

Ensuite, on m'a parlé de Bootstrap et on m'a dit qu'il n'y avait que reprendre mes code, mais où ?
Parce que je n'ai pas vu d'index, de garder, de d'opter, comme j'avais l'habitude de faire.
C'est pour ça que j'en perds mon latin.

Mais comme sur PC, mon site va bien, un peu moins sur les smartphones, je crois que je vais rester comme ça.
Et oui ! Je suis encore de la vieille école puisque j'ai commencé il y a plus 25 ans avec Webexpert , tu vois ça date quand même !

**jlb59** · 24/07/2024, 13h34

Envoyé par laurentSc

Vu les noms, styles.css s'applique probablement à tous les fichiers donc c'est dans celui-là qu'il faudra mettre le code CSS responsive.

Là tu me dis qu'un seul CSS "styles.css" est suffisant, mais quelqu'un m'a conseillé d'en faire plusieurs et que styles.css ne servirait que pour les pages.

Alors que faire ?

En plus tu me dis qu'il faille faire un CSS Responsive ???
Je ne comprends plus !

**laurentSc** · 24/07/2024, 13h36

Envoyé par jlb59

j'ai commencé il y a plus 25 ans avec Webexpert , tu vois ça date quand même !

Chu battu car moi, j'ai commencé quelques mois avant de m'inscrire sur DVP, soit y a 18 ans...

Quand tu m'enverras ton site en RAR, je pense regarder et faire la mise au point en local...

**jlb59** · 24/07/2024, 14h00

Envoyé par laurentSc

Quand tu m'enverras ton site en RAR, je pense regarder et faire la mise au point en local...

Je n'ai pas oublié mais je ne suis pas chez moi et je te réponds avec mon téléphone.

Je pense rentrer avant 17h, je fais ça et je te l'envoie.
Mais est-ce que ça va aller avec ce forum ?

**laurentSc** · 24/07/2024, 14h13

Le format zip c'est sûr mais le rar, je sais pas.

Extensions de fichiers valides: 7z as asm asp aspx bz2 c cpp cs css diff doc docx fla gif gz h hpp htm html java jpeg jpg js ods odt pas patch pdf php pl png psd py rar sql swf tar tex txt vb wdc wde wdg wdl wdp wdw xls xlsm xlsx xml xsd xsl xslt zip

**jlb59** · 24/07/2024, 14h30

Ok.
Je vais essayer avec rar et clsi ça va pas je ferai un zip

**laurentSc** · 24/07/2024, 15h23

Tu peux transférer tout ce que tu veux avec https://wetransfer.com/, la seule limite étant la taille : 2 gO.

**jlb59** · 24/07/2024, 15h46

Oui, je connais un peu, mais quand j'envoyais des photos à mes enfants, j'utilisais DL de free et ça allait aussi.
Mais là, je crois que c'était 10Go, je ne m'en souviens très bien.

**jlb59** · 24/07/2024, 18h50

Volià, je ne sais pas si ça va passer, mais je peux toujours essayer, le fichier fait un peu plus de 40Go.
Personnellement, je doute que ça marche !

**jlb59** · 24/07/2024, 18h52

Ben non, ça marche pas !

je vais essayer un autre moyen mais il me faut une adresse mail !

**jlb59** · 24/07/2024, 19h02

Ca ne va pas aller, car ce que tu m'a donné c'est pour un max de 2Go, et DL de free ne marche plus.

Un seule solution, cz serait de t'envoyer le site page/page, mais la encore ce serait fastidieux.

**laurentSc** · 24/07/2024, 19h20

Je t'ai envoyé mon adresse mail par MP.

Quand tu dis que le site fait 40 gO, une fois compressé ?

Si ça ne suffit pas, y a peut-être moyen que tu génères une version simplifiée de ton site, exécutable quand même et qui garde les liens mais dont le contenu est simplifié...

**jlb59** · 24/07/2024, 19h56

Je vois tout ça demain
Mais je crois que les plus volumineux, c'est les pages où il y a le JS.

Faire un site pour PC et téléphone/tablette

CSS

Discussions similaires

Partager

Partager