Problème css modifer H1

Fermé

Apprentita - 31 janv. 2017 à 14:20
Nexii Messages postés 333 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
Enlever couleur lien css ✓ - Forum CSS
H1 h2 h3 ✓ - Forum Webmastering
Probleme avec les h1 h2 h3 - Forum Webmastering
Mettre une image à gauche css ✓ - Forum CSS
Css exposant ✓ - Forum CSS

2 réponses

Réponse 1 / 2

Nexii Messages postés 333 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 550
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 333 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 550
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 333 Date d'inscription jeudi 13 mars 2014 Statut Membre Dernière intervention 14 mars 2017 550
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

[CSS] Forcé retour à la ligne

trait horizontal avec du css

HTML - définir taille bouton

[CSS] Mettre un objet au premier plan

Enlever le soulignement sous les liens en HTML/CSS

Discussions similaires

Newsletters