Deux fois <div id="ps">, non valide ?

[Ron56]

Voila dans une de mes pages j'ai deux foix :

<div id="code">TEXTE</div>
<div id="code">Texte 2</div>

Cela n'est pas valide selon le W3C

line 111 column 1 - Warning: <div> anchor "code" already defined

Quelle solution ?

Merci ! Ronan

[Lina]

Un identifiant (id) doit etre unique dans la page!
Tu peux passer par des classes

[reez]

http://forum.alsacreations.com/faq/#item20

[madx]

il faut faire:
<div class="code">TEXTE</div>
<div class="code">Texte 2</div>

Et je dirais même ne pas abuser des <div> pourquoi pas un <p class="code">

[Ron56]

Un identifiant (id) doit etre unique dans la page!
Tu peux passer par des classes

Oki merci !

J'avais pas saisi la nuance , mais moi quand je fesait

Code: Tout sélectionner

<div id="code">TEXTE</div>


Avec en CSS :

Code: Tout sélectionner

#code{
   background-color: #fff;
      }


Le fond était blanc sur toute la largeur de la page !

Mais la avec

Code: Tout sélectionner

<span class="code";>TEXTE</span>


Avec en CSS :

Code: Tout sélectionner

.code{
   background-color: #fff;
   width:100%;
      }


Le fond est blanc juste sur la largeur du texte

L'attribut width de change rien

[jOoL]

alors tu fais:

Code: Tout sélectionner

.code{
   background-color: #fff;
      }

<div id="code1" class="code">
  <p> texte 1</p>
</div>

<div id="code2" class="code">
  <p> texte 2</p>
</div>



ou encore

Code: Tout sélectionner

#code1, #code2{
   background-color: #fff;
      }

<div id="code1">
  <p> texte 1</p>
</div>

<div id="code2">
  <p> texte 2</p>
</div>



jOoL

[Ron56]

Merci ma page est de nouveau valide

[Lina]

Il y a aussi une différence entre les balises <div> et <span>!

La balise span est une balise de type 'en ligne' alors que la balise div est une balise de type 'bloc' (rajoute des sauts de lignes).

En résumé, avec des span, on peut mettre des 'blocs' les uns à la suite des autres.
Alors qu'avec des div, ils seront les uns au dessus des autres.

[Leonick]

En résumé, avec des span, on peut mettre des 'blocs' les uns à la suite des autres.
Alors qu'avec des div, ils seront les uns au dessus des autres.

sauf si pour le span on met display:bock et pour le div float:left, voire display:inline

[Lina]

sauf si pour le span on met display:bock et pour le div float:left, voire display:inline

Oui, bien sûr, j'parlais de leur comportement sans appliquer de styles.