Discussion :

[dhillig]

quoi, où et comment

[ProgElecT]

Re

Pour voir le code d'une page web, Ctrl+u, rechercher, avec Ctrl+f, le motBootstrap, tu tombes sur la ligne

Code html :

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

1
2
<!-- CSS - BOOSTRAP 5 -->
	<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

tu cliques sur le lien href= https://cdn.jsdelivr.net/npm/bootstr...tstrap.min.css, dans la page affichée, tu cherches se que tu veux en refaisant un Ctrl+f.

[dhillig]

Bonsoir,
Merci !
Je tombe sur un pavé de CSS sans espace, le truc indéchiffrable
Comment fait NoSmoking pour avoir le numéro des lignes des CSS ?
Bonne soirée,
DH

[dhillig]

Bonjour,
Ci-joint les captures de ce que je vois.
Merci beaucoup
Bonne journée,
DH

[NoSmoking]

Tu tombe sur le fichier minifier, bootstrap.min.css, pour une version « lisible » il faut ouvrir le fichier brut.

• Version minifier : https://cdn.jsdelivr.net/npm/bootstr...tstrap.min.css
• Version lisible : https://cdn.jsdelivr.net/npm/bootstr.../bootstrap.css

Ne te focalise pas sur le contenu mais plutôt sur l'approche BootStrap, donc c'est plus la documentation qu'il faut lire : BootStrap v5 Introduction

Comment fait NoSmoking pour avoir le numéro des lignes des CSS ?

Pas de magie ou de quelconque sorcellerie , juste un appui sur la touche F12 quand la page est chargée pour faire apparaître la console de développement et il n'y plus qu'à analyser.

Tu as la méthode directe, un clic droit sur un élément de la page fait apparaître le menu contextuel et il suffit ensuite de sélectionner Inspecter, cela ouvrira la même console.

Après il suffit d'être curieux

[dhillig]

reBonjour,
Décidément, je ne suis pas loin mais...

Version lisible : https://cdn.jsdelivr.net/npm/bootstr.../bootstrap.css

Juste pour savoir, comment l'avoir ?
Je suis dessus (ton lien) depuis un temps fou à chercher les classes.

Ne te focalise pas sur le contenu mais plutôt sur l'approche BootStrap, donc c'est plus la documentation qu'il faut lire : BootStrap v5 Introduction

Mon niveau d'anglais est inférieur à mes connaissances du code, c'est dire Mais je connais le principe... en gros

Pas de magie ou de quelconque sorcellerie , juste un appui sur la touche F12 quand la page est chargée pour faire apparaître la console de développement et il n'y plus qu'à analyser.

OK. Mais je ne sais pas me servir de l'inspecteur et de sa console, je ne sais même pas pourquoi des CSS sont barrées

Tu as la méthode directe, un clic droit sur un élément de la page fait apparaître le menu contextuel et il suffit ensuite de sélectionner Inspecter, cela ouvrira la même console.

Yes
J'ai été curieux et cherché à savoir comment obtenir les :

Il y en a trois :

ligne 230 : <div class="row"> ;
ligne 1023 : <div class="row"> ;
ligne 1065 : <div class="row">.


dans la version disponible au moment où j'écris cette réponse.

Sans succès, je suis au point mort. Mais l'inspecteur mérite qu'on s'y attarde.Jreaux62 m'avais posté une notice, il serait temps que j'y jette un œil quand j'aurais un moment
BONNE APRES-MIDI,
DH

[ProgElecT]

Salut

J'ai été curieux et cherché à savoir comment obtenir les :

Il y en a trois :

ligne 230 : <div class="row"> ;
ligne 1023 : <div class="row"> ;
ligne 1065 : <div class="row">.

dans la version disponible au moment où j'écris cette réponse.
Sans succès, je suis au point mort. Mais l'inspecteur mérite qu'on s'y attarde......., il serait temps que j'y jette un œil quand j'aurais un moment...

Le moment est venu.
Savoir utiliser les outils mis à disposition par le navigateur et presque aussi important que de connaitre le langage web utilisé.

Quand tu te rends sur l'adresse de ton lien, quand la page a fini de se charger, tu fais un clique droit sue la page,
dans le menu qui apparait, tu choisis Code source de lapage,
dans cette page (qui commence par view-source: nom de la page cliqué),
tu fais Crtl f ,
dans la partie basse à gauche une barre apparait avec une boite ou tu écris le mot recherché,
si il y a se/ses mots, le curseur se place sur le premier mot trouvé,
avec les options tu choisis les paramètres de recherches.

Tu peux voir dan se cas les N° de lignes ou sont trouvé le mot.

[dhillig]

J'y suis arrivé je ne savais pas que NoSmoking parlait du code de ma page
Je pensais qu'il parlait d'un fichier CSS Bootstrap
SUPER SIMPLE !!!! Merci ProgElecT !
Par contre, ça ne change rien du tout
J'ai un message d'erreur de Dreamweaver (voir capture).
Encore merci,
DH

[dhillig]

Pardon

Code html :

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

<div class="container row">

au trois endroits
Rien ne bouge dans le sens où tout bouge
Bonne soirée !
DH

[ProgElecT]

Re

C'est <div class="container row"> toi tu as supprimé le mot div

[dhillig]

Oui, c'est ce que j'ai mis dans le message précédent

[dhillig]

Bonjour à tous,
le site est en ligne :
http://lapagetest.fr
Bonne fin de week-end,
DH

[NoSmoking]

le site est en ligne :

et donc tu as résolu ton soucis de modale ?

[dhillig]

Bonjour NoSmoking,
En cliquant sur l'enveloppe, j'ai toujours ce décalage à l'ouverture du formulaire
Par contre, plus de scrollbar horizontal
Mais on doit pas être loin

Bonne journée à toi !
DH