Html et css

aka342
2021-06-17 23:09:31

Le 17 juin 2021 à 23:08:28 :

Le 17 juin 2021 à 23:07:55 :
Le css:

body {
margin: 0 auto;
}

header {
width:100%;
height:5%;
background-color: blue;
}

Pour le html il faut déplacer ta balse <h1> à l'intérieur de body, pas dans head
ensuite tu inclus ça dans la balise body:

<header><h1>A.Racle</h1></header>

je l'ai fais de tête mais ça devrait marcher

Ok je vais essayer.

ToutPetitChien
2021-06-17 23:12:51

c'est sensé donner ce résultat pour info

https://image.noelshack.com/fichiers/2021/24/4/1623964369-image.png

aka342
2021-06-17 23:16:33

https://image.noelshack.com/fichiers/2021/24/4/1623964561-screenshot-20210617-231544-sublime-text.jpg
https://image.noelshack.com/fichiers/2021/24/4/1623964575-screenshot-20210617-231534-sublime-text.jpg

Normalement sa devrait marcher ou l'erreur viens de moi?

aka342
2021-06-17 23:19:00

Le 17 juin 2021 à 23:12:51 :
c'est sensé donner ce résultat pour info

https://image.noelshack.com/fichiers/2021/24/4/1623964369-image.png

Peut tu me donner ton html et Css en message sa ira un peu plus vite et puis après je continue d'étudier sur openclassroom.

ToutPetitChien
2021-06-17 23:20:22

Le 17 juin 2021 à 23:16:33 :
https://image.noelshack.com/fichiers/2021/24/4/1623964561-screenshot-20210617-231544-sublime-text.jpg
https://image.noelshack.com/fichiers/2021/24/4/1623964575-screenshot-20210617-231534-sublime-text.jpg

Normalement sa devrait marcher ou l'erreur viens de moi?

là c'est le "link href" qui pose problème, c'est une balise qui permet d'assigner une feuille de style (donc du code css) à ton fichier html, mais il faut l'appeler comme ça: <link href="ttt.css" rel="stylesheet"> (le rel="stylesheet") permet de dire au navigateur que c'est du css

tout le reste est bon sinon

aka342
2021-06-17 23:26:35

Le 17 juin 2021 à 23:20:22 :

Le 17 juin 2021 à 23:16:33 :
https://image.noelshack.com/fichiers/2021/24/4/1623964561-screenshot-20210617-231544-sublime-text.jpg
https://image.noelshack.com/fichiers/2021/24/4/1623964575-screenshot-20210617-231534-sublime-text.jpg

Normalement sa devrait marcher ou l'erreur viens de moi?

là c'est le "link href" qui pose problème, c'est une balise qui permet d'assigner une feuille de style (donc du code css) à ton fichier html, mais il faut l'appeler comme ça: <link href="ttt.css" rel="stylesheet"> (le rel="stylesheet") permet de dire au navigateur que c'est du css

tout le reste est bon sinon

Merci de ton aide c'est super gentie j'étais entrain d'essayer de le faire depuis ce matin. Enfaite je pensais gerais le html donc je me suis dis je vais sauter plein d'étape sur openclassroom j'ai eu tord.

aka342
2021-06-17 23:27:02

C'est ok je vais le faire sur mon Pc.

aka342
2021-06-17 23:29:23

Puis surtout sur internet on trouve tout et n'importe quoi.

lavylamor
2021-06-17 23:29:53

Att

ToutPetitChien
2021-06-17 23:30:32

Le 17 juin 2021 à 23:26:35 :

Le 17 juin 2021 à 23:20:22 :

Le 17 juin 2021 à 23:16:33 :
https://image.noelshack.com/fichiers/2021/24/4/1623964561-screenshot-20210617-231544-sublime-text.jpg
https://image.noelshack.com/fichiers/2021/24/4/1623964575-screenshot-20210617-231534-sublime-text.jpg

Normalement sa devrait marcher ou l'erreur viens de moi?

là c'est le "link href" qui pose problème, c'est une balise qui permet d'assigner une feuille de style (donc du code css) à ton fichier html, mais il faut l'appeler comme ça: <link href="ttt.css" rel="stylesheet"> (le rel="stylesheet") permet de dire au navigateur que c'est du css

tout le reste est bon sinon

Merci de ton aide c'est super gentie j'étais entrain d'essayer de le faire depuis ce matin. Enfaite je pensais gerais le html donc je me suis dis je vais sauter plein d'étape sur openclassroom j'ai eu tord.

pas de soucis :ok:

lavylamor
2021-06-17 23:32:37

Le problème c’est que tu précises ton h1 dans le head. Le head n’est pas un header, c’est la partie où tu placeras les éléments non visibles de ta page. (Par exemple metacharset que tu as mis 2 fois.)

C’est dans ton body et ton body UNIQUEMENT que tu placerais les tags.

Dans ce body tu peux créer un tah <header></header> qui lui sert à désigner le header de ta page. ( ne confond pas avec head qui sert à mettre les éléments non visible)

Ensuite attention color ne désigne pas le fond mais la couleur de la police, pour le fond c’est background-color:blue;

lavylamor
2021-06-17 23:33:59

Je vois que c’est corrigé !

Infos
Gestion du forum

contact@geevey.com

API disponible. Utilisez le paramètre "api" en GET, peu importe le contenu, sur une page du site.

Notes

    ⚠️ Les archives de novembre sont désormais disponibles.
Non-assumage
    Personne n'a pas assumé de topic pour le moment.