18041 sujets

Questions générales et questions de débutants

[résolu] Modification d'une balise H1 avec css... en vain !

Bonsoir,
Malgrès d'énormes efforts, je tente de modifier ma balise H1 :

<html>
<head>
<body>
<style type="text/css">
#h1
{
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}
</style>
<h1>blablabla</h1>
</head>
</body>
</html>

C'est pourtant simple et dans le navigateur, "blablabla" apparait en noir,
police serif, c'est à dire selon la feuille de style de mon navigateur je
suppose.
Pourquoi ma modif n'est elle pas prise en compte ??
ça doit pas être
compliqué quand même...
J'ai TOUT lu...enfin presque. Smiley confused
Merci.
Modifié par la plume (15 May 2007 - 16:34)
Bonsoir,

Pour commencer, une petite question de mise en forme :
Pour conserver une bonne lisibilité des messages sur le forum, il est demandé d'utiliser les les balises code pour présenter le code source des exemples.
Pourrais-tu éditer ton message pour te conformer à cette règle de mise en forme ?
Merci d'avance.

la plume a écrit :
Pourquoi ma modif n'est elle pas prise en compte ??

Parce que ton code HTML est affreusement incorrect.

la plume a écrit :
J'ai TOUT lu...enfin presque. Smiley confused

Je ne sais pas si tu as beaucoup travaillé la question des styles CSS, mais tu sembles avoir des lacunes gigantesques pour ce qui est de la syntaxe HTML. Enfin, « gigantesques », j'exagère sans doute, mais ça reste préoccupant.

Je te conseille donc de retravailler un peu cette question (les bases de la syntaxe HTML). Pour information, voici une page HTML -- en l'occurrence XHTML -- syntaxiquement correcte :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html>
<head>
	<title>Page de test</title>
	<style type="text/css">
	#h1 {
		color:#FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		background: black;
	}
	</style>
</head>

<body>
	<h1>Titre de niveau 1</h1>
</body>
</html>

Je te laisse faire le jeu des sept différences. Smiley cligne
la plume a écrit :
Pourquoi ma modif n'est elle pas prise en compte ??


Bonsoir La plume et bienvenue sur Alsacreations Smiley smile ,

en fait, tu as un peu mélangé tes balises, certaines ne sont pas à leur place habituelles.

logiquement, tout ce qui est

<head>
<style>
</style>
</head>
devrait se retrouver en dehors des balises body Smiley smile

Pour info et afin que tu puisse le retenir facilement, en anglais, "head" signifie "tête" et "body" signifie "corps", donc, tout ce qui se trouve entre les balises <body> représente le corps de ta page, et de ce fait, il est logique que la tête se trouve au dessus et pas mélangé comme tu l'as fais Smiley cligne

Voilà, c'était la minute pédagogique Smiley lol

edit : grillé lol
Modifié par touvert (14 May 2007 - 22:36)
Salut la plume et bienvenue sur ce forum Smiley smile

Bon tu as mis 

#h1 {

}


et il faut juste

h1 {

}


le # c'est pour donner des propriétés à un élément qui a un identifiant unique, par exemple :

#identifiant {

}


Pour

<h1 id="identifiant"></h1>

Modifié par Christian Le Bouler (14 May 2007 - 22:36)
Vous êtes tous super sympa...j'ai longuement hésité avant de poster mais comme j'y ai passé la journée...à refaire les mêmes bétises, je me suis lancée.
Je suis désolée !! Smiley confused

Merci et à bientôt.
Christian Le Bouler a écrit :
le # c'est pour donner des propriétés à un élément qui a un identifiant unique

Ah oui tiens. J'ai fait tilt sur les erreurs de syntaxe HTML, sans même me rendre compte que le sélecteur CSS était faux.

la plume a écrit :
Vous êtes tous super sympa...j'ai longuement hésité avant de poster mais comme j'y ai passé la journée...à refaire les mêmes bétises, je me suis lancée.

Tu as pu résoudre ton problème, c'est à dire :
1 - corriger la syntaxe HTML de ta page (c'est toujours la première chose à faire, avant même de s'attaquer aux feuilles de style) ;
2 - corriger le sélecteur CSS ?

Si tout est ok, tu peux classer ton sujet comme [Résolu] en ajoutant cette mention (« [Résolu] ») dans le titre du sujet.
Sujet clos
Aller à