[Ovillo] Distintas columnas CSS en Drupal
Hola a todos. Estoy creando un template en Drupal 6 a 3 columnas. Hasta aquí no hay problema. Pero lo que no consigo hacer es que cuando el usuario solo quiera dos columnas (por ejemplo poniendo todos los bloques a la izquierda) la anchura de la columna de contenido se ensanche hasta el final. El tema grafico Garland que viene por defecto en Drupal consigue hacer esto, pero está tan enrevesado el CSS que me vuelvo loco. He probado con max-width, %, etc. y google no me da la respuesta :-) Es decir, necesito tener una estructura de 3 columnas pero flexible en contenido si faltan la columna izquierda o derecha. Salu2. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distintas columnas CSS en Drupal
yo tengo hecha una en drupal 6 con 3 columnas, que quieres que te pase, el template? El lun, 03-11-2008 a las 10:41 +0100, Dan escribió: > Hola a todos. > > Estoy creando un template en Drupal 6 a 3 columnas. Hasta aquí no hay > problema. Pero lo que no consigo hacer es que cuando el usuario solo quiera > dos columnas (por ejemplo poniendo todos los bloques a la izquierda) la > anchura de la columna de contenido se ensanche hasta el final. El tema > grafico Garland que viene por defecto en Drupal consigue hacer esto, pero > está tan enrevesado el CSS que me vuelvo loco. > > He probado con max-width, %, etc. y google no me da la respuesta :-) > > Es decir, necesito tener una estructura de 3 columnas pero flexible en > contenido si faltan la columna izquierda o derecha. > > Salu2. > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo -- Nesta Guerrero Pancorbo Emergya Consultoría Avda. de la Innovación, 3 (Edif. Hércules), Mód 12-13 E41020 Sevilla Tfno: +34 954 51 75 77 Fax: +34 954 51 64 73 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distintas columnas CSS en Drupal
El lun, 03-11-2008 a las 10:41 +0100, Dan escribió: > Hola a todos. Hola, > Es decir, necesito tener una estructura de 3 columnas pero flexible en > contenido si faltan la columna izquierda o derecha. Usa el theme Zen, te ayudará en esto y en más cosas: http://drupal.org/project/zen > > Salu2. > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo -- Carlos Rincón http://carlos.rinconsanchez.com www.neuroticweb.com www.neuroticweb.com/blog ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Distintas columnas CSS en Drupal
Hola.
On Nov 3, 2008, at 10:41 AM, Dan wrote:
> Hola a todos.
>
> Estoy creando un template en Drupal 6 a 3 columnas. Hasta aquí no hay
> problema. Pero lo que no consigo hacer es que cuando el usuario solo
> quiera
> dos columnas (por ejemplo poniendo todos los bloques a la izquierda)
> la
> anchura de la columna de contenido se ensanche hasta el final. El tema
> grafico Garland que viene por defecto en Drupal consigue hacer esto,
> pero
> está tan enrevesado el CSS que me vuelvo loco.
>
> He probado con max-width, %, etc. y google no me da la respuesta :-)
>
> Es decir, necesito tener una estructura de 3 columnas pero flexible en
> contenido si faltan la columna izquierda o derecha.
Lo que hace Garland (y otros temas) es asignar al elemento /body una
clase indicándole el tipo de layout.
A partir de ahí, puedes asignar los anchos de las columnas por
contexto. Algo tipo
body.three-cols #main {
width: tal;
}
Un saludo.
--
Choan
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Esquina redondeada y bordes superior e izquierdo con sombra
Hola lista, estoy maquetando una página, que lleva un diseño elástico (se expande horizontal y verticalmente segun tamaño de la fuente) y debe ser accesible y semanticamente correcta ya que es para una Administracion Publica y se obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos bordes superior e izquierdo lleva una sombra, además de la propia esquina. Podeis ver una imagen de lo que pretendo hacer en la dirección: http://mbrown.iespana.es/img/maqueta.jpg Mi pregunta es si alguien puede decirme cuál es el mejor método para implementar ese diseño para que lo más accesible y semántico posible. Gracias de antemano, Jorge ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo con sombra
Buenas La URL que passas no es correcta. Le faltan permisos al directorio para poder visualizarse. Ramon 2008/11/3 Jorge <[EMAIL PROTECTED]>: > Hola lista, > > estoy maquetando una página, que lleva un diseño elástico (se expande > horizontal y verticalmente segun tamaño de la fuente) y debe ser accesible y > semanticamente correcta ya que es para una Administracion Publica y se > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos > bordes superior e izquierdo lleva una sombra, además de la propia esquina. > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > http://mbrown.iespana.es/img/maqueta.jpg > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > implementar ese diseño para que lo más accesible y semántico posible. > > Gracias de antemano, > > Jorge > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Ramon Vilar Gavaldà - http://ramonvilar.facil.cat Membre de FÀCIL - http://www.facil.cat Membre de l'esplai SESA - http://www.esplaisesa.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Hola Ramón, no es correcta la url http://mbrown.iespana.es/img/maqueta.jpg ? indico la ruta completa a la imagen que pretendo que veais. Yo diria que todo el mundo puede verla, corrijanme si me equivoco. Jorge - Mensaje original - De: "Ramon Vilar Gavaldà" <[EMAIL PROTECTED]> Para: "Ovillo, la lista de CSS en castellano" Enviado: lunes, 03 de noviembre de 2008 21:48 Asunto: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra Buenas La URL que passas no es correcta. Le faltan permisos al directorio para poder visualizarse. Ramon 2008/11/3 Jorge <[EMAIL PROTECTED]>: > Hola lista, > > estoy maquetando una página, que lleva un diseño elástico (se expande > horizontal y verticalmente segun tamaño de la fuente) y debe ser accesible > y > semanticamente correcta ya que es para una Administracion Publica y se > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos > bordes superior e izquierdo lleva una sombra, además de la propia esquina. > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > http://mbrown.iespana.es/img/maqueta.jpg > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > implementar ese diseño para que lo más accesible y semántico posible. > > Gracias de antemano, > > Jorge > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Ramon Vilar Gavaldà - http://ramonvilar.facil.cat Membre de FÀCIL - http://www.facil.cat Membre de l'esplai SESA - http://www.esplaisesa.org ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Yo tampoco la veo... Forbidden > > You don't have permission to access /img/maqueta.jpg on this server. > Salutes El 3 de noviembre de 2008 19:34, Jorge <[EMAIL PROTECTED]> escribió: > Hola Ramón, > > no es correcta la url http://mbrown.iespana.es/img/maqueta.jpg ? > > indico la ruta completa a la imagen que pretendo que veais. > > Yo diria que todo el mundo puede verla, corrijanme si me equivoco. > > Jorge > > - Mensaje original - > De: "Ramon Vilar Gavaldà" <[EMAIL PROTECTED]> > Para: "Ovillo, la lista de CSS en castellano" > Enviado: lunes, 03 de noviembre de 2008 21:48 > Asunto: Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo > consombra > > > Buenas > La URL que passas no es correcta. Le faltan permisos al directorio > para poder visualizarse. > > Ramon > > > > 2008/11/3 Jorge <[EMAIL PROTECTED]>: > > Hola lista, > > > > estoy maquetando una página, que lleva un diseño elástico (se expande > > horizontal y verticalmente segun tamaño de la fuente) y debe ser > accesible > > y > > semanticamente correcta ya que es para una Administracion Publica y se > > obliga a cumplir minimo el nivel AA de accesibilidad. La cuestión es que > > tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) > cuyos > > bordes superior e izquierdo lleva una sombra, además de la propia > esquina. > > > > Podeis ver una imagen de lo que pretendo hacer en la dirección: > > http://mbrown.iespana.es/img/maqueta.jpg > > > > Mi pregunta es si alguien puede decirme cuál es el mejor método para > > implementar ese diseño para que lo más accesible y semántico posible. > > > > Gracias de antemano, > > > > Jorge > > > > ___ > > Lista de distribución Ovillo > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > > http://lists.ovillo.org/mailman/listinfo/ovillo > > > > > > -- > Ramon Vilar Gavaldà - http://ramonvilar.facil.cat > Membre de FÀCIL - http://www.facil.cat > Membre de l'esplai SESA - http://www.esplaisesa.org > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > -- Jinglero - Pedro Federico Garcia MSN: [EMAIL PROTECTED] www.jinglero.com.ar www.doxma.com www.leedor.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Esquina redondeada y bordes superior e izquierdo consombra
Hola Jorge: A mí también me dio error la primera vez que intenté acceder al enlace, pero ahora parece funcionar sin problemas. [...] que lleva un diseño elástico (se expande horizontal y verticalmente segun tamaño de la fuente) Si tienes claro que quieres este tipo de diseño, adelante. Pero si estás empezando en el mundillo del diseño web (no lo sé), te recomendaría que empezaras por un diseño de anchura fija en px (oigo rugidos de algunos). Las versiones más modernas de los principales navegadores están incorporando zoom completo de página en vez de zoom de texto. Por lo tanto, un diseño fijo con px es cada vez menos traumático. De todas formas, posteriormente es muy sencillo convertir un diseño de tamaño fijo en uno elástico. [...]debe ser accesible y semanticamente correcta [..]. La cuestión es que tengo que hacer una esquina redondeada en un div (llamado CONTENIDO) cuyos bordes superior e izquierdo lleva una sombra, además de la propia esquina. Esas esquinas no contienen ningún valor semántico sino que son de adorno. Por lo tanto, OJO, no la incluyas en el documento mediante el elemento , sino como imágenes de fondo con la propiedad CSS *background* o * background-image*. Te recuerdo que sólo puedes usar un background-image para cada elemento (x)html. Para que el diseño pueda redimensionarse horizontalmente, se necesitan, al menos, dos imágenes de fondo. Una de ellas tiene que ser lo suficientemente grande como para que la otra se "deslice" sobre ella ocultándola (técnica de las puertas correderas). Nota: Para las sombras usa un programa de diseño gráfico en condiciones, que te incluya este efecto. La imagen que propones parece hecha con el Paint. Saludos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
