error usar div con id en varios lugares

[ferent]

Hola a todos, estoy validando mi web de forma estricta y me indica que estoy usando una etiqueta con valor id ya usado anteriormente.

Eso es completamente cierto, ya que tengo una galería de imagenes a las cuales les aplico un efecto de un estilo que tengo definido y aplico a cada imagen el mismo estilo. Pero es que me sorprende que la w3c me advierta de que esto no es correcto al 100%

¿Saben a qué se debe esto?

Le indico el código para que lo vean:

Código PHP:

   <div id="sombra_productos"> 
 
 <div id="text"> 
 <a href="#"><img src="../imagenes/panel/iconos/no_imagen.gif" alt="14" name="14" width="200" border="0" /> </a></div> 
 </div> 
<br/> 
<br/> 
<div id="sombra_productos"> 
 <div id="text"> 
 <a href="#"><img src="uploads/tipo_producto/12.jpg" alt="12" name="12" width="200" border="0" /> </a></div> 
 </div> 
  
       <br /> 
       <br /> 
div id="sombra_productos"> 
 <div id="text"> 
 <a href="#"><img src="../imagenes/panel/iconos/no_imagen.gif" alt="15" name="15" width="200" border="0" /> </a></div> 
 </div> 
  
       <br /> 
       <br />  
   

y el error de la w3c es: "An anchor with the same name is already defined. Each anchor should be unique." refiriendose a los id de cada etiqueta div.

[AlZuwaga]

Es que no te debe sorprender. Un identificador es algo que identifica únicamente a un individuo... llevalo a la comparación con los DNI para las personas (DNI o el nombre que se le de en tu pais al documento de identidad)

En vez de asignar los estilos por ID, asignáselos mediante un class:
O sea, <div id="sombra_productos"> pasará a ser <div class="sombra_productos"> y la definición de estilos:

actual: #sombra_productos{...}
cambiar por: .sombra_productos{...}

[ferent]

Ok, perfectamente explicado, sólo una duda. Si puede hacerse el class y e formato .sombra_productos{...} ¿para qué se usa el id entonces y no se usa siempre el class?

[AlZuwaga]

Bueno, ahí me la complicaste un poquito jejeje
En realidad, todo lo podés hacer con class. No sé si perfectamente válido, pero sí sería totalmente factible.
Pero, digamos, "las cosas" que sabrás serán únicas conviene darles ID's. No sé si habrá algo más allá de la buena práctica de una nomenclatura estandarizada, eso otro que sepa más sobre el tema nos lo podrá aclarar mejor.

Saludos

[Jorolo]

Hola a todos, hola ferent

Me ha gustado tu firma
Sobre tu duda:
http://html.conclase.net/w3c/html401...l.html#adef-id
Sobre casi todas las demás:
http://www.w3.org/2003/03/Translatio...ge?language=es

[ferent]

Genial!! muchas gracias Jorolo.

Ya sólo me falta un "aviso" de la w3c que me ha llamado la atención ya que es el propio Dreamweaver el que lo incluye. Me refiero a la etiqueta "embed", la cual me indica que "is not approved by W3C" y que hay otras etiquetas con la misma funcionalidad que sí que son válidas. ¿Saben cual es?

Sé que debería abrir otro post para esto pero... bueno

[webosiris]

Iniciado por ferent

que hay otras etiquetas con la misma funcionalidad que sí que son válidas. ¿Saben cual es?

Si Object

PD: voy a pedir que muevan esto a html... esto pertenece a mi foro

[imagenarte]

con respecto al object yo encontre en internet esto espero te sirva, yo lo uso y me valida el documento 100%.

Código PHP:

  object type="application/x-shockwave-flash" data="tu_flash.swf" width="316" height="120"> 
        <param name="movie" value="tu_flash.swf" /> 
        <param name="quality" value="high" /> 
        <img src="tu_imagen de remplazo.png" width="316" height="120" alt="Imagen en reemplazo de flash" /> 
      </object>  
   

asi si pasa la validación.

[ferent]

Mmmm... no sé si me vale, esto es lo que yo tengo:

Código PHP:

  <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="576" height="44" title="Bienvenido a Racing Vega">
            <param name="movie" value="flash/logo_bienvenido.swf" />
            <param name="quality" value="high" />
            <param name="wmode" value="transparent" /><param name="LOOP" value="false" />
            <embed src="flash/logo_bienvenido.swf" width="576" height="44" loop="False" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent"></embed>
          </object>  
   

Notar la penúltima linea con la etiqueta embed, entiendo que no puedo sustituirla por object ya que está dentro de un object ya...