Retroceder   Foros del Web > Diseño de Sitios web > CSS

Respuesta
 
Herramientas Desplegado
Antiguo 23-jul-2008, 06:41   #1 (permalink)
sk8
sk8 ha deshabilitado el karma
 
Avatar de sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 40
Estilos que solo se usan una vez (id unico)

Hola.

Estoy haciendo pruebillas para ir aprendiendo css y xhtml. Con la ayuda de este foro y todo lo que encuentro por interenet y algun libro la experiencia me esta resultando muy buena.

Hoy he probado validar un docuemnto xhtml y obtengo el mismo error repetido constantemente.

ID repetido. Revisando el manual de css de desarrolloweb he visto que la definición de una capa es unica para cada documento y que si esta definición de estilos se repite lo conveniente es usar clases.

La duda me a surgido al pensar en este ejemplo:

3 capas con id diferetente. Pero dentro de ellas quiero una de menor tamaño y con cierta distancia sobre la capa padre.

En este momento pienso que lo ideal es crear un elemento comun para usarlo en las 3 capas. El problema es que si creo una #capa y la defino dentro de cada una de las 3 capas anteriores estoy repitiendo el identificador #capa.

Código:
<div id="capa1"><div id="capa"></div></div>
<div id="capa2"><div id="capa"></div></div>
<div id="capa3"><div id="capa"></div></div>
La duda que me surgia en este momento era como usar clases para un elemento de uso repetido como este ya que las clases se definen para dar formato a un elemento o capa, si estoy equivocado corregirme.

Luego he encontrado esta FAQ en el foro de como <a href="http://www.forosdelweb.com/331004-post12.html">trabajar con capas</a> y me extraña el hecho de pese a usar clases que estas se pongan asi:


Código:
<div id="estilo" class="estilo">contenido</div>
No se supone que si ponemos div id="identificador de capa" estamos haciendo referencia a una capa. Como puede ser entonces que en idenrificador de capa se ponga una clase....

Me gustaria oir vuetros comentarios y aclararme si esta forma es la correcta de solucionar el uso repetido de un unico id de capa.

Un saludo y gracias
sk8 está desconectado   Responder Citando
Antiguo 23-jul-2008, 08:00   #2 (permalink)
sk8
sk8 ha deshabilitado el karma
 
Avatar de sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 40
Respuesta: Estilos que solo se usan una vez (id unico)

La solucón obtima podria ser algo asi?

Usar <div class="capa">

Código:
<div id="capa1"><div class="capa"></div></div>
<div id="capa2"><div class="capa"></div></div>
<div id="capa3"><div class="capa"></div></div>
Nose si estoy en lo correcto.
sk8 está desconectado   Responder Citando
Antiguo 23-jul-2008, 09:14   #3 (permalink)
guilledocke está en el buen camino
 
Fecha de Ingreso: noviembre-2002
Ubicación: Avellaneda
Mensajes: 194
Respuesta: Estilos que solo se usan una vez (id unico)

Los divs q tengan las mismas caracteristicas deberian utilizar "class" y los q son unicos "id"

saludos!
__________________
Guillermo Duarte
www.elumina.com.ar
www.argentineanimages.com.ar
guilledocke está desconectado   Responder Citando
Antiguo 23-jul-2008, 09:19   #4 (permalink)
PedroRodas ha deshabilitado el karma
 
Avatar de PedroRodas
 
Fecha de Ingreso: noviembre-2005
Ubicación: Cádiz
Mensajes: 381
Respuesta: Estilos que solo se usan una vez (id unico)

no es necesario poner el div dentro del otro para aplicarle la clase
__________________
Genial concierto de Roger Waters, Pink Floyd siguen vivos!!!
PedroRodas está desconectado   Responder Citando
Antiguo 23-jul-2008, 10:33   #5 (permalink)
sk8
sk8 ha deshabilitado el karma
 
Avatar de sk8
 
Fecha de Ingreso: enero-2008
Mensajes: 40
Respuesta: Estilos que solo se usan una vez (id unico)

Gracias por la ayuda.

Sigo aprendiendo
sk8 está desconectado   Responder Citando
Respuesta
No hay votos aún.


Herramientas
Desplegado

Normas de Publicación
No puedes crear nuevos temas
No puedes responder temas
No puedes subir archivos adjuntos
No puedes editar tus mensajes

BB code is Activado
Caritas están Activado
[IMG] está Activado
Código HTML está Desactivado


La Zona horaria es GMT -6. Ahora son las 05:07.


Message Board Statistics

LinkBacks Enabled by vBSEO 3.1.0

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93