Problème css modifer H1
Apprentita
-
Nexii Messages postés 338 Date d'inscription Statut Membre Dernière intervention -
Nexii Messages postés 338 Date d'inscription Statut Membre Dernière intervention -
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..
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
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
2 réponses
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 :
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>
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..
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..
Trouvé ! Erreur de syntaxe :
Ton code :
Le bon code :
Indice : Les accolades !
Tu n'as pas fermé ton "body" avant le h1 et il y a deux accolades fermantes après le h1
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
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!!
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!!
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 :
Solution :
.imagecentre {
width : 500px; /* C'est un exemple. en moyenne sur un site c'est 970px */
text-align: center;
}
