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 :wink:

 

[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 :wink:

Oki merci !

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

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

Avec en CSS :

#code{
	background-color: #fff;
      }

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

Mais la avec

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

Avec en CSS :

.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{
   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

#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 :wink:

 

[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.