Foros del Web » Creando para Internet » CSS »

Pregunta acerca del diseño original de CSS Zen Garden

Estas en el tema de Pregunta acerca del diseño original de CSS Zen Garden en el foro de CSS en Foros del Web. Gracias a la recomendación de algunos foreros, me he bajado unos cuantos diseños CSS de "CSS Zen Garden" con imágenes incluídas para estudiarlas. Ahora estoy ...
  #1 (permalink)  
Antiguo 13/02/2006, 20:47
 
Fecha de Ingreso: mayo-2003
Mensajes: 527
Antigüedad: 14 años, 6 meses
Puntos: 3
Pregunta acerca del diseño original de CSS Zen Garden

Gracias a la recomendación de algunos foreros, me he bajado unos cuantos diseños CSS de "CSS Zen Garden" con imágenes incluídas para estudiarlas. Ahora estoy con el diseño original, que tiene un toque japonés. Bueno, pues por si hay foreros con esa CSS y el html fuente en su web y pueden editarlas, quisiera hacerl unas preguntas sobre dudas que tengo en su diseño:

- Por qué si pongo en la ID="quickSummary" la propiedad clear=none, o la elimino, (inicialmente está clear=both), el bloque se coloca en la base superior entre los dos bloques que contiene ID="pageHeader"?

- Y por qué si "quickSummary" estando clear=both permite que el siguiente bloque, de ID ="preamble", se coloque a la misma altura a su derecha?

Espero que alguien conozca o se baje ese diseño (se baja en un momento) y me ayude.

Por cierto, al administrador: estaría bien crear un subforo para preguntas acerca de diseños de CSS Zen Garden, porque valen mucho la pena para aprender a maquetar con CSS y ayudar a resolver muchas dudas.

  #2 (permalink)  
Antiguo 29/03/2006, 20:48
 
Fecha de Ingreso: diciembre-2004
Mensajes: 721
Antigüedad: 13 años
Puntos: 2
Yo me sumo a la peticion de Tigervlc... no se si crear un subforo o que, pero de alguna forma estaria bueno fomentar un poco este tipo de diseños. A mi me parecen muy modernos, livianos, super creativos... estoy trabajando tambien para re-diseñar mi sitio con un diseño basado puramente en CSS al estilo CSS Zen Garden.

Saludos.
  #3 (permalink)  
Antiguo 29/03/2006, 21:17
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Cita:
Iniciado por Computer Xtress
- Por qué si pongo en la ID="quickSummary" la propiedad clear=none, o la elimino, (inicialmente está clear=both), el bloque se coloca en la base superior entre los dos bloques que contiene ID="pageHeader"?
Los dos elementos que hay en "pageHeader" (H1 y H2) son elementos flotantes (propiedad FLOAT). Por este hecho de ser elementos flotantes, no influyen en la ubicación del bloque que viene a continuación (en este caso "quickSummary"), por eso este último tiene a subir. Para evitar esto se utiliza la propiedad clear con el valor both, haciendo referencia a un elemento flotante a la izquierda (H1) y a un elemento flotante a la derecha (H2).

Cita:
Iniciado por Comp Xtress
- Y por qué si "quickSummary" estando clear=both permite que el siguiente bloque, de ID ="preamble", se coloque a la misma altura a su derecha?
Porque dentro de la estructura HTML, "preamble" viene después de "quickSummary". La propiedad clear tiene efecto frente a los elementos que se encuentren ANTES del elemento al que se ha aplicado.

Espero que no resulte muy complicada mi explicación.
__________________
El conocimiento es libre: Movimiento por la Devolución
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 17:54.