Balise H1, H2

[gripsous]

Bonjour je viens de mettre des balises dans mon code, mais comme vous le savez cela fait apparaitre un texte trop gros. Donc j'ai definie dans mon fichier CSS les tailles pour les balises.

Cependant ai je bien intégre le code a mon code general.

Est ce bien :

<font class="H2">xxxxxxxxxxxxxxxxxxx</font>

OU
<font class="H2">xxxxxxxxxxxxxxxxxxxx</H2>

Dans le deusieme cas ca met le caca a mon texte... mais cela me semble plus juste pour une balise..

D'apres vous c qoi le mieux ? SVP

 

[wiwi]

je dirais
<h2 class="machin"> ____ </h2>
le nom de la class importe peu.

 

[Yo@nn]

Dans ton CSS tu met quelquechose comme ca :
h1
{
font-size: 14px;
color: #000000;
}

Puis dans tes fichiers tu n'a plus qu'à mettre : <h1>Texte</h1>

 

[gripsous]

Ben en fait je suis d'accord avec vous,
Dans mon CSS je met qqch comme ca :
h1
{
font-size: 14px;
color: #000000;
}

Et apres <h1> et <h/1> mais avec les balaises H2 et h3, ben meme si je met </h2>...ca ferme pas, disons que tout el reste du texte est en H2.... Par contree si je met </font> la ca passe ?????????????????*

Oui, moi j'ai tourjous pas compris !!!

 

[BadProcESs]

N'utilise plus les balises font pour commencer, ca alourdis le code, permet des erreurs comme tu en a en ce moment et surtout ce n'est plus recommandé par le W3C !! Toute ta mise en page doit passer par le CSS a présent, et la maintenance de ton site n'en sera que plus aisé.

 

[gripsous]

Ben c ce que j'ai fait, j'ai crée un fichier CSS (style.css) mis a la racine, puis dans ce fichier j'ai rentré les ifno pour chaque titre :
Exmple:
=================
h1
{
font-size: 14px;
color: #000000;
}
================

Puis pour chaque titre dans mon texte j'apple les infos qui lui correpsondent,

<font class="H1">xxxxxxxxxxxxxxxxxxxx</H1>

c'est pas ca qu'il faut faire ?

 

[Racine]

Si la balise <h2> ne semble pas fermer, c'est peut-être juste parce que la balise fermante </h2> est imbriqué dans un autre élément alors qu'elle ne devrait pas l'être.

M'enfin, je suppute, je suppute. Y a moyen de voir ton code ?

Sinon, c'est clair. Y a pas photo. Pas de <font>, les titres de niveau 2 entre les balises <h2> et </h2> et la définition de h2 dans la feuille de style.

 

[gripsous]

Et ce code n'est il pas plus valable ?

<H1 class=texte> paragraphes </H1>

 

[Racine]

Ben c ce que j'ai fait, j'ai crée un fichier CSS (style.css) mis a la racine, puis dans ce fichier j'ai rentré les ifno pour chaque titre :
Exmple:
=================
h1
{
font-size: 14px;
color: #000000;
}
================

Puis pour chaque titre dans mon texte j'apple les infos qui lui correpsondent,

<font class="H1">xxxxxxxxxxxxxxxxxxxx</H1>

c'est pas ca qu'il faut faire ?

Mets <h1>xxxxxxx</h1> et tes problèmes seront résolus. Balises ouvrantes et fermantes ont le même intitulé :
<nomDeLaBalise + attributs, classes>....</nomDeLaBalise>

 

[gripsous]

Ben non justement si je met seulement <H1> et </H1> ben c tout pas beau... (enfin c en tres gros quoi) , il faut que ej mette :

<font class="H1">............................; Pour qu'il se mette en forme.

 

[cleden]

Ben non justement si je met seulement <H1> et </H1> ben c tout pas beau... (enfin c en tres gros quoi) , il faut que ej mette :

<font class="H1">............................; Pour qu'il se mette en forme.

On repart à 0:

Ton fichier html:

<h1>Ton titre 1</h1>
<h2>Ton titre 2</h2>

etc...

Ta feuille de style css:

h1
{
font-size: 14px;
color: #000000;
}

C'est comme ça et pis c'est tout, ya pas à discuter :wink: Et pas de majuscules dans les balises à les éléments svp .

Loïc. :roll:

 

[Monique]

Bonjour,

Il doit y avoir un problème quelque part, gripsous :?
Parce que le code proposé doit marcher.

Pour comprendre l'utilisation des feuilles de styles : CSS débutants (avec des exemples simples)

Amicalement,
Monique

 

[gripsous]

C'est super les gars et merci Monique ;-)

Tout plein de conseil que vous me donnez la. Vu que ej refais compeltment mon code ca va m'aider

 

[rottman]

Si ça marche pas <h1></h1> c'est peut etre parce que t'a mis un point :

.h1
{
font-size: 14px;
color: #000000;
}

 

[gripsous]

effectivement j'ai mis un point mais...et ca change quoi en fait...

Bonne intervention Rottman !!!! :!:

 

[rottman]

ben sans point ça redéfinit la balise et donc ya rien a faire de plus.. alors que avec un point c'est pour créer un nouveau style que tu peux appeller n'importe comment mais la il faudra mettre l'attribut .....class="nom du style"...
mais dans ce cas c'est mieux de redéfinir la balise comme ça c'est tout beau :
<h1></h1>

 

[mahefarivony]

chuis pas tres calé en css mais je crois qu'en mettant un point, tu définit une nouvelle classe qui s'appellera h1.;

donc ca donnerait une utilisation dans ce genre la
<span class="h1">

c'est pas le but recherché, tu veux vraiment attaquer le style de la balise h1 donc pas de point

 

[mahefarivony]

:lol:

 

[rottman]

Copisseur va ! :lol:

 

[Monique]

Il y a plusieurs manière de définir un style :

Par rapport à un sélecteur (correspond à une balise)

p {
color: #ff0000; /*rouge*/
}

<p>Le texte de ce paragraphe sera en rouge</p>

=> le texte contenu dans tous les paragraphes de la page sera en rouge

Par rapport à une classe

.couleur {
color: #ff0000; /*rouge*/
}

<p>Le texte de ce paragraphe aura la couleur définie pour l'ensemble de la page</p>

<p class="couleur">Le texte de ce paragraphe sera en rouge</p>
<td class="couleur">Le texte de cette cellule sera en rouge</td>

Un attribut class peut être attribué plusieurs fois dans une page et à différents éléments.

Par un identificateur

#couleur {
color: #ff0000; /*rouge*/
}

<td id="couleur">Le texte de cette cellule sera en rouge</td>

Un attribut id ne peut être attribué qu'une seule fois dans une page.

Plus de détails : Les feuilles de style. Pourquoi ? Comment ?

Amicalement,
Monique
en campagne pour des sites conformes aux standards et accessibles...

PS : rottman tu as l'oeil... tu as de l'avenir :wink:

 

[jeanluc]

Actuellement, j'utilise ceci:

<TR><TD CLASS="large_title">
<B>Essais GRATUITS</B>
</TD></TR>
<TR><TD CLASS="medium_title">
<B>Vérifiez GRATUITEMENT et IMMEDIATEMENT ... blablabla</B>
</TD></TR>

Si je comprends bien, je ferais mieux d'utiliser:

<TR><TD><H1>
<B>Essais GRATUITS</B>
</H1></TD></TR>
<TR><TD><H2>
<B>Vérifiez GRATUITEMENT et IMMEDIATEMENT ... blablabla</B>
</H2></TD></TR>

en reprenant les définitions de "large_title" et "medium_title" pour H1 et H2 dans les CSS.

Vos avis d'experts, please?

Jean-Luc

 

[y04n]

argh non !

quand tu utilises une balises hx, ne mets pas en + une balise b

(je ne parle même pas des tableaux)

<TR>
  <TD>
    <H1>Essais GRATUITS</H1>
  </TD>
</TR>
<TR>
  <TD>
    <H2>Vérifiez GRATUITEMENT et IMMEDIATEMENT ... blablabla</H2>
  </TD>
</TR>

d'ailleurs la balise b tu ferais même mieux de ne jamais l'utiliser et de passer par le style pour renforcer la typo

 

[mahefarivony]

oubliez le <b>
préférez le <strong>

 

[y04n]

oui, ou em

 

[jeanluc]

Ok pour les recommandations de conformité. Et pour l'efficacité en matière de référencement ?

 

[y04n]

b indique au navigateur de mettre en gras
em et strong indique une emphase du texte

la différence est d'un point de vue sémantique

amha google doit préférer strong et em à b

parce que sinon, rien ne sert d'utiliser hx, un coup de font + b suffirait ; mais en faisant ça google ne comprendrait pas que c'est un titre

d'où (entre autres) l'importance de la sémantique dans le code source

 

[Racine]

Ton tableau est-il bien utile, s'il n'a qu'une colonne comme cela semble être le cas ?