Problème css modifer H1

Fermé

Apprentita - 31 janv. 2017 à 14:20
Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 - 1 févr. 2017 à 09:18

Bonjour,

Pour mes cours à la fac, nous utilisons le logiciel bluefish.

Il permet d'avoir d'un coter un code simple en html et d'embellir notre site avec le css.

Je souhaite modifier le style de mon titre de la page c'est à dire mon <h1>.

Du côté html : <h1> mon titre </h1> OK
Css que j'essaie de modifier :
h1 {
color: green;
}
Il ne détecte pas le mot h1.

CODE COMPLET DANS MON CSS

html {

}

body{

background-image: url(fond1.jpg);
text-align: justify;

h1 {
color: green;
}
}

Lorsque j'affiche ma page internet rien ne se passe... Je pense que cela est dû au fait qu'il ne détecte pas mon h1..

A voir également:

Problème css modifer H1
Background color css ✓ - Forum CSS
Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
Css download - Télécharger - HTML
Enlever le soulignage des lien. - Forum CSS
Taille bouton css - Forum HTML

2 réponses

Réponse 1 / 2

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 585
31 janv. 2017 à 14:30

Bonjour,

Une chose, le fichier .CSS étant séparé du fichier .HTML, as-tu mis dans ton fichier .HTML le lien vers ce .CSS ?

Comme ceci :

<head>
  <link rel="stylesheet" type="text/css" href="lien/vers/fichier.css">
</head>

Réponse 2 / 2

Apprentita
31 janv. 2017 à 14:46

oui,
d'ailleurs dans mon css j'ai mi un fond d'écran :
background-image: url(fond1.jpg);
text-align: justify;

et ce dernier s'affiche bien..

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 585
31 janv. 2017 à 14:52

Trouvé ! Erreur de syntaxe :

Ton code :

html { 

} 

body{ 

background-image: url(fond1.jpg); 
text-align: justify; 

h1 { 
color: green; 
} 
}

Le bon code :

html { 

} 

body{ 

background-image: url(fond1.jpg); 
text-align: justify; 
}

h1 { 
color: green;  
}

Indice : Les accolades !
Tu n'as pas fermé ton "body" avant le h1 et il y a deux accolades fermantes après le h1

Apprentita
31 janv. 2017 à 18:18

merci beaucoup enfin sauvée ! :)

petite question je souhaite ajouté une image mais la centré, je n'y arrive pas j'ai essayé ça:
css:
.imagecentre {
text-align: center;
}

html:

<div class="imagecentre">
<img src=""quot;barre1.gif" >
</div>

et du coup ça ne marche pas j'ai essayé également margin right et left en auto.

Merci pour toute cette aide!!

Nexii Messages postés 338 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 585
Modifié par Nexii le 1/02/2017 à 09:18

Ton image peut être centrée uniquement si le contenant (ton DIV) possède une largeur fixe (donc une propriété "width"). En effet, l'image ne s'est pas où se centré si elle ne connaît pas les dimensions de la boîte dans laquelle elle est :).

Solution :

.imagecentre {
  width : 500px; /* C'est un exemple. en moyenne sur un site c'est 970px */
  text-align: center; 
}

Discussions similaires

trait horizontal avec du css

indice et exposant en css ?

Enlever le soulignement sous les liens en HTML/CSS

Enlever trait sous un lien href

CSS/Comment enlever couleur liens ?