Foros del Web » Creando para Internet » CSS »

Clasificación CSS

Estas en el tema de Clasificación CSS en el foro de CSS en Foros del Web. Hola! Tengo 1 preguntas existencial! Se puede repetir el mismo div si en el css lo tengo definido así: Código: .thrColFixHdr #mainContent { padding: 0 ...
  #1 (permalink)  
Antiguo 03/11/2009, 02:56
Avatar de zoloquoki  
Fecha de Ingreso: octubre-2009
Mensajes: 53
Antigüedad: 8 años, 1 mes
Puntos: 0
Clasificación CSS

Hola! Tengo 1 preguntas existencial!

Se puede repetir el mismo div si en el css lo tengo definido así:

Código:
	
.thrColFixHdr #mainContent {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 255px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
	border-bottom: 1.5px solid #333333;
    }
Es decir, si quiero repetir el mismo div para poner otra información pero de otra relación, o habrá que hacer de esa manera tal como lo tengo definido en mi css:

Código:
	.thrColFixHdr #mainContent {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 255px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
	border-bottom: 1.5px solid #333333;
    }
	.thrColFixHdr #mainContent2 {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 205px;
	background-color: #E4E4E4;
	margin-bottom: 15px;
	border-left: 1.5px solid #333333;
	border-bottom: 1.5px solid #333333;
    }
	.thrColFixHdr #mainContent3 {
	padding: 0 10px;
	margin-left: 185px;
	margin-right: 205px;
	background-color: #E4E4E4;
	border-right: 1.5px solid #333333;
	margin-bottom: 15px;
    }

Muchas gracias!!

salu2!
  #2 (permalink)  
Antiguo 03/11/2009, 03:26
Avatar de Speztro  
Fecha de Ingreso: octubre-2009
Mensajes: 25
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Clasificación CSS

no se te entiende muy bien pero vamos intento responderte:

puedes repetir tantos divs como quieras asignándoles una misma clase css (div class=""), también podrías repetir divs con el mismo id (div id="") pero no estaría del todo bien, se supone que los id son únicos, pero poder, se puede y funciona.
  #3 (permalink)  
Antiguo 03/11/2009, 05:51
Avatar de zoloquoki  
Fecha de Ingreso: octubre-2009
Mensajes: 53
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Clasificación CSS

gracias speztro! Si que has entendido a mi pregunta.

tal como

Y ahora, será posible crear "grupo" en la hoja css para insertar automaticamente en HTML, es decir, dentro de un div hay otros 3 div`s para las esquinas redondeadas y background.

A mi manera, me resulta bastante pesado ir añadiendo manualmente dentro del div (principal) para añadir otros 3 div's para las esquinas.

Lo más facil sería seleccionar el "grupo div id" donde inserte también otros 3 de manera automatica. Todo esto es para crear contenedores centrales independientes de diferentes informaciones.

gracias!
  #4 (permalink)  
Antiguo 12/11/2009, 02:06
Avatar de Speztro  
Fecha de Ingreso: octubre-2009
Mensajes: 25
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Clasificación CSS

si, en el css se pueden enlazar estilos, de tal modo que si tienes un

#capa1 div.capa2{estilos}

se aplicarán los estilos a la capa dos y en el html sólo tienes que poner una capa <div id="capa1"> y dentro todas las capa2 que quieras <div class="capa2"> que pillarán los estilos automáticamente.
  #5 (permalink)  
Antiguo 12/11/2009, 14:39
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Clasificación CSS

Hola:

Cita:
Iniciado por Speztro Ver Mensaje
si, en el css se pueden enlazar estilos, de tal modo que si tienes un

#capa1 div.capa2{estilos}

se aplicarán los estilos a la capa dos y en el html sólo tienes que poner una capa <div id="capa1"> y dentro todas las capa2 que quieras <div class="capa2"> que pillarán los estilos automáticamente.
Pero zoloquoki lo ha planteado al revés:

Cita:
Iniciado por zoloquoki Ver Mensaje
.thrColFixHdr #mainContent {estilos}
¿Te has dado cuenta?

Saludos.

  #6 (permalink)  
Antiguo 12/11/2009, 14:54
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Clasificación CSS

Una buena práctica que tiene sus beneficios es definir la propiedades comunes conjuntamente y después especificar las particularidades de cada una de ellas:

Código css:
Ver original
  1. .thrColFixHdr {/*propiedades de éste*/}
  2.  
  3. .thrColFixHdr #mainContent,
  4. .thrColFixHdr #mainContent2,
  5. .thrColFixHdr #mainContent3 {
  6. padding: 0 10px;
  7. margin: Npx Npx Npx Npx;
  8. background: ...
  9. }
  10.  
  11. .thrColFixHdr #mainContent {color: #cdcdcd;}
  12. .thrColFixHdr #mainContent2 {color: #444;}
  13. .thrColFixHdr #mainContent3 {color: #8BB033;}
Ah! por cierto, los píxeles no los puedes partir. Lo digo por esto: border-right: 1.5px solid #333333;

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #7 (permalink)  
Antiguo 12/11/2009, 14:55
Avatar de Speztro  
Fecha de Ingreso: octubre-2009
Mensajes: 25
Antigüedad: 8 años, 1 mes
Puntos: 0
Respuesta: Clasificación CSS

Bueno, pues al revés no se puede, no se puede referenciar, desde css, a los elementos html padres pero si a los elementos hijo.

pero con este código:
.estilo1 #estilo2{}

se podría trabajar una maquetación de este modo:
<div class="estilo1">
<div id="estilo2"></div>
</div>

pero no estaría bien usado contextualmente, ya que se pretende que los id sean únicos.
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 05:29.