Validación w3c e id duplicado

[mariogl84]

Hola. Estoy enfrentándome por primera vez en serio a la validación w3c, y me encuentro con un problemilla:

Tengo un listado en el que cada elemento es un div. Este listado se alimenta de una base de datos, con lo cual el número de elementos es imprevisible. El diseñador (yo hago el código en PHP) me ha hecho los divs así:

<div id="elemento">blablabla</div>

Al mostrar el listado completo, quedan varios divs con la misma id, "elemento", y el w3c no me lo valida, claro.

¿Cuál es la solución? Gracias.

[Daniel Ulczyk]

Un id es utilizable para definir al elemento en forma unívoca, es un selector muy especifico.
Si vas a utilizar varios div, entonces debés tratarlo como un class, lo cual será aplicacable a varios div

Código HTML:

 <div class="elemento>Lorem ipsum</div> 

[webosiris]

Iniciado por mariogl84

Tengo un listado en el que cada elemento es un div

si es un listado, hay un error de concepto... un listado debe maracarse con listas, no con capas... exactamente que es la información que aparece desde la bd?

Al mostrar el listado completo, quedan varios divs con la misma id, "elemento", y el w3c no me lo valida, claro.
¿Cuál es la solución? Gracias.

usa clases, como bien descubirstes, los ids deben de ser únicos. Ejemplo:

Código HTML:

<p class="importante">este texto va con formato destacado</p> 

[Snd234]

si el listado se genera automaticamente, a traves de algun script en php que tengas, podrias asignarle una varaible numerica para agregarsela a cada ID

por ejemplo
generas una variable $x=1, entonces cuando estes dentro del ciclo generando los divs, a la id le colocas " id="elemento<?php echo $x ?>" ", de esta forma generaras id distintas para cada elemento de la lista.

[mariogl84]

Gracias a todos. Al final le he asignado un id dinámico, sabiendo que como mucho aparecerían 8 entradas, he metido esto en el css:

#ProjDestaca1 , #ProjDestaca2 , #ProjDestaca3 , #ProjDestaca4 , #ProjDestaca5 , #ProjDestaca6 , #ProjDestaca7 , #ProjDestaca8 {
width: 216px;
padding: 22px 0 0 0;
}

Esto me vale, aunque no sé si es poquito elegante... ¿sería más apropiado usar clases o da igual?

Bueno, pues eso, muchas gracias.

[DragonX]

Iniciado por mariogl84

Esto me vale, aunque no sé si es poquito elegante... ¿sería más apropiado usar clases o da igual?

Es preferible utilizar clases, que pasaría si como resultado tenes 20 div's y no ocho?

[Snd234]

Iniciado por mariogl84

Gracias a todos. Al final le he asignado un id dinámico, sabiendo que como mucho aparecerían 8 entradas, he metido esto en el css:

#ProjDestaca1 , #ProjDestaca2 , #ProjDestaca3 , #ProjDestaca4 , #ProjDestaca5 , #ProjDestaca6 , #ProjDestaca7 , #ProjDestaca8 {
width: 216px;
padding: 22px 0 0 0;
}

Esto me vale, aunque no sé si es poquito elegante... ¿sería más apropiado usar clases o da igual?

Bueno, pues eso, muchas gracias.

Mmm.. ahora que lo veo asi, mejor usa clases, de esta forma solo tendrias 1 clase para esos 8 elementos de la lista.