Foros del Web » Creando para Internet » CSS »

Divs iguales con diferente background

Estas en el tema de Divs iguales con diferente background en el foro de CSS en Foros del Web. Estoy creando una página en la que tengo una gran cantidad de capas, 40 o 50, todas con las mismas propiedades y dimensiones, están todas ...
  #1 (permalink)  
Antiguo 14/07/2008, 14:27
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Divs iguales con diferente background

Estoy creando una página en la que tengo una gran cantidad de capas, 40 o 50, todas con las mismas propiedades y dimensiones, están todas flotadas a la izquierda, una detrás de otra. Lo más sencillo evidentemente es crear una clase para todas las capas y ahorrar así mucho código, el problema es que quiero darle una imagen de fondo diferente a cada capa, y esto me impide usar la misma clase para todas las capas, teniendo que crear una clase diferente para cada una.

Podéis indicarme alguna técnica para colocar imágenes detras de texto u otros elementos y no tener que escribir así tanto código? Gracias.
  #2 (permalink)  
Antiguo 14/07/2008, 14:57
Avatar de manumaf  
Fecha de Ingreso: mayo-2007
Ubicación: Argentina
Mensajes: 853
Antigüedad: 10 años, 7 meses
Puntos: 6
Respuesta: Divs iguales con diferente background

Yo crearia un ID para todas las divs que diga el tamaño y una clase aparte para cada di que diga la imagen de fondo.


Ej:
Código:
#estiloparatodaslasdivs {
width:500px;
height:500px;
}
.div1 {
background-image:url(img/fondo.gif)
}

Espero haberte ayudado
  #3 (permalink)  
Antiguo 14/07/2008, 15:12
 
Fecha de Ingreso: mayo-2006
Mensajes: 124
Antigüedad: 11 años, 6 meses
Puntos: 0
Respuesta: Divs iguales con diferente background

Gracias manumaf.
  #4 (permalink)  
Antiguo 14/07/2008, 16:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Divs iguales con diferente background

Incluso lo puedes hacer con dos clases: por ejemplo general y particular. Luego en el html:

<div class="general particular">

Si no tienes otros div, incluso podrías darle las propiedades al selector div:

div {font-size:...
}

y darles sólo la clase particular a cada div.

Mikel.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:16.