Discussion :

[Desmu]

J'ai un petit problème : dans le but d'améliorer mon référencement je voudrais remplacer des balises <div> par des balises <h1>. J'ai récupéré les classes définies pour mes balises <div> pour les appliquer aux <h1>. Le problème est que j'ai 2 types de titre qui vont être transformés en <h1> : Un titre noir et un titre orange. Je voulais savoir si une syntaxe telle que celle ci sera supportée par les navigateurs :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
h1.noir {
//	clear: both;
	margin-bottom: -0.25em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5em;
	font-weight : bold;
	font-size: 130%;
	color:#332B5A;
}
 
h1.orange {
	clear: both;
	margin-bottom: -0.25em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5em;
	font-weight : bold;
	font-size: 150%;
	color:#FF7109;
}

Sachant que ce qui se trouve entre accolade est le code des deux balises <div> distinctes et donc ce code là est bon.
J'attends votre aide ! Merci d'avance
Si ma syntaxe est bonne, comment dois-je appeller, dans mes pages les balises ? Dois je utiliser par exemple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
 <h1.orange>Titre de ma page</h1.orange>

???

[kalyparker]

Bonjour,

Je ne crois pas que ce soit possible.

Mais pourquoi ne pas faire des class :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.noir {
//	clear: both;
	margin-bottom: -0.25em;
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 0.5em;
	font-weight : bold;
	font-size: 130%;
	color:#332B5A;
}

Appel :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 <h1 class=noir>Titre de ma page</h1>

[Desmu]

Cool J'essayerai ça :p Thanks

[Bisûnûrs]

Salut et bienvenue sur le forum. =)

Pour être valide XHTML, je dirai même plus :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<h1 class="noir">Titre de ma page</h1>

Question : Que signifie les // dans ton code CSS ?

Si c'est pour mettre des commentaires, en CSS ce n'est que comme ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

/* commentaire */

[kalyparker]

Bisûnûrs
Heureusement que tu es là, je peux en raconter des bétise moi
et en plus j'avais pas vu les //, et j'ai fait un joli copier coller...