HTML/CSS sur le forum Programmation - 27-11-2020 15:56:09

Liste des sujets

HTML/CSS

Martins01

Niveau 18

27 novembre 2020 à 15:56:09

Bonjour. En faite j'arrive pas à faire marcher le CSS, les codes que j'ai fais ne marche pas.
J'ai relié mon fichier HTML à mon fichier CSS également

voici le code que j'ai fais sur mon fichier (fichier.html):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/"cv.css>

</head>

<body>
<title>Curriculum Vitae </title>
<h1<U>Curriculum Vitae</U></h1>
<h2>Partie 1</h2>
<h3><em>Partie 2</em></h3>
<h4><em>Partie 3</em></h4>
</html>
</body>

mon fichier CSS (fichier.css):
h1{color:red;}

j'ai mis ça pour CSS, pour que le h1 s'affiche en rouge, mais ça marche pas, je comprend pas l'erreur, est ce que vous pouvez m'expliquer svp j'arrive pas à avancer

cybevil

Niveau 27

27 novembre 2020 à 16:17:24

Dans ton href tu as cv.css

Puis plus bas ton fichier s'appel fichier.css

Ya une incohérence

o00000000000000

Niveau 10

27 novembre 2020 à 16:18:48

Ta balise h1

<h1><U>Curriculum Vitae</U></h1>

Il te manque un ">" sur le h1

Message édité le 27 novembre 2020 à 16:19:46 par o00000000000000

xidi87

Niveau 8

27 novembre 2020 à 16:19:05

Utilise un éditeur de code (vscode, sublime etc..):


<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" type="text/css" href="css/" cv.css>

  </head>

  <body>
    <title>Curriculum Vitae </title>
    <h1><U>Curriculum Vitae</U></h1>
    <h2>Partie 1</h2>
    <h3><em>Partie 2</em></h3>
    <h4><em>Partie 3</em></h4>
  </body>

</html>


h1 {
  color: red;
}

Martins01

Niveau 18

27 novembre 2020 à 16:22:32

Désolé je m'étais trompé mes fichiers s'appellent pas fichier.html et fichier.css mais ils s'appellent cv.html et cv.css, c'est ce que j'avais mit. Cybevil j'ai mis aussi le > dans h1 mais ça change rien ça s'affiche pas en rouge

o00000000000000

Niveau 10

27 novembre 2020 à 16:25:56

ta balise title est à mettre dans le head pas dans le body.

ton : href="css/" cv.css> le guillemet est fermé trop tot.
il faut href="css/cv.css">
(en supposant que ton fichier cv.css soit bien dans un dossier [css])

Message édité le 27 novembre 2020 à 16:30:22 par o00000000000000

Martins01

Niveau 18

27 novembre 2020 à 16:28:46

j'ai changé le titre dans le head, mais sur h1, j'vois pas, je comprend pas, est ce que tu peux corriger le code qui marche pour voir, ce qui cloche stp

Martins01

Niveau 18

27 novembre 2020 à 16:32:39

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="css/cv.css">
<title>Curriculum Vitae</title>
</head>

<body>
<h1><U>Curriculum Vitae</U></h1>
<h2>partie 1</h2>
<h3><em>Partie 2</em></h3>
<h4><em>Partie 3</em></h4>
</body>

</html>

ça marche toujours pas, j'ai modifié ce que tu m'as dit

o00000000000000

Niveau 10

27 novembre 2020 à 16:40:16

t'as bien comme structure :
cv.html
[css]
|
---- cv.css

Est-ce que tu te serais pas embrouillé dans les fichiers, genre tu penses être en train d'éditer le fichier cv.css mais en fait c'est pas celui dans le dossier css à côté de cv.html ?

Martins01

Niveau 18

27 novembre 2020 à 17:07:45

Oui j'ai vérifié c'est bon, le code qu'il faut est bien dans le fichier cv.html et dans le fichier cv.css
je comprend pas

Hraezvelg

Niveau 6

27 novembre 2020 à 17:46:59

J'ai testé et chez moi ça marche, ça serait pas un problème de cache ? Essaye de faire ctrl+F5

cybevil

Niveau 27

27 novembre 2020 à 17:52:52

Recommence dans un dossier à part avec de nouveau fichier

Azerban

Niveau 16

27 novembre 2020 à 20:17:04

cv.html, cv.css, je vois qu'on fait le cours de HTML/CSS d'OpenClassrooms

Martins01

Niveau 18

27 novembre 2020 à 23:13:52

Azerban, nan même pas, là on apprend le HTML/CSS en cours à distance. On vient de finir tous le HTML, on débute le CSS, et je veux prendre de l'avance en m'entrainant.

J'ai vidé les caches ça change rien.

J'ai crée de nouveaux fichiers tels que cvv.html et cvv.css j'ai rajouté un "v" mais ça marche toujours pas, regardez je vous montre mes codes et tout (c'est sur VS code):

pour cvv.html :
https://zupimages.net/up/20/48/2m97.png

pour cvv.css :
https://zupimages.net/up/20/48/2m97.png

et enfin ce que ça affiche : (donc pas de couleur):
https://zupimages.net/up/20/48/5bwn.png

je comprend toujours pas, en plus que vous avez essayé le code ça marche pour vous mais pas pour moi

boucif

Niveau 24

27 novembre 2020 à 23:30:29

ton css est pas dans le répertoire css dans ton cas écrit href="cvv.css"

Pseudo supprimé 27 novembre 2020 à 23:30:33

href="cvv.css"
Vu qu'il y a pas ce fameux dossier css

Message édité le 27 novembre 2020 à 23:30:51 par Pseudo supprimé

Martins01

Niveau 18

27 novembre 2020 à 23:50:44

Ah ok, je me disais bien qu'il y avait une erreur.
Mais comment je fais pour mettre dans le répertoire du coup ?

cybevil

Niveau 27

27 novembre 2020 à 23:53:16

Tu mets juste le nom sans le css/

Martins01

Niveau 18

28 novembre 2020 à 00:26:18

Je met ça du coup j’ai enlevé le css après le href ?

Pseudo supprimé 28 novembre 2020 à 00:27:45

Oui

Aide à l'achat Mac
Macintosh
Création de Jeux
Programmation
Création de sites web
Linux
Internet
Steam Deck
Hardware

La vidéo du moment

News jeu

42 049 spectateurs

Stranger Than Heaveans : Le rappeur américain que tout le monde attendait avec Snoop Dog rejoint le casting, ça s’annonce complètement fou !

C’est le genre d’annonce qui fait immédiatement lever les sourcils ! Alors que Stranger Than Heaveans faisait déjà pas mal parler de lui grâce à son ambiance de polar japonais, son héritage assumé du côté de la licence Yakuza et la présence de Snoop Dogg dans son casting, le jeu vient de franchir un nouveau cap. Pendant la conférence du Summer Game Fest, les développeurs ont révélé que Tupac rejoignait lui aussi l’aventure !

Toutes les news jeu