Re: [Ovillo] usar varias hojas de estilo a la vez
Hola, ésta sería una excelente solución si se pudiera aplicar a las resoluciones, sin embargo ese método se queda corto pues sólo me funciona para los navegadores mediante comentarios condicionales y sugún el orden en que las disponga, como bien lo apuntas. Pero, insisto, en cuanto al cambio de resolución sólo conozco el método de js que cambia las hojas de forma dinámica, pues el truco que me recomiendas no aplica (o será que existen comentarios condicionales para determinar resolucion-estilos que yo desconozco?). Creo que finalmente lo tendre que resolver insertando directamente los hacks para ie en el propio head :-S aunque quede un tanto sucio mi html, y la hoja general la tendre que importar al inicio de cada hoja dinámica :( Gracias, de cualquier forma... El día 30/04/07, LISTAS [EMAIL PROTECTED] escribió: Deberías aprovechar el recurso de las hojas en cascada, de modo tal que las cargue a las tres, pero según diferentes órdenes, de modo que las últimas modifiquen a las primeras. Ejemplo: Si detecta Firefox, que cargue la primera. Si detecta Explorer, que cargue la primera + la segunda. Si detecta Opera, que cargue la primera + la segunda + la tercera. Lo ideal es que la primera sea la pagina estándar y las otras las correspondientes a los ajustes. Claro que esto es un ejemplo, pero vale tanto en el caso de navegadores, como plataformas versiones o resoluciones de pantalla. ¡Suerte! Almirante von Web/. -- Educando al asno, por no apalearlo. (c)2007 ;-) ___ 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] usar varias hojas de estilo a la vez
Releo lo que te escribí y veo que hay algo que para mí se sobreentiende, pero merece una mejor definición respecto a tí: en ningún momento digo que esa solución que te paso no haya de hacerse mediante JS y por eso me comentas lo correspondiente. Mil disculpas: es con javascript sí o sí, pero (y ahora sí) usando el orden de hojas en cascada que te pasé. Si usas esa metodología con JS no tendrás que incorporar ningún Hack ya que todo te lo haría de modo dinámico el guión desde la secuencia de comandos (script) al detectar el entorno. Yo en una época lo hacía para acomodar mis páginas para Explorer 5.5 dado que fueran vistas desde Windows o desde Macintosh (allá por el siglo XX, ¡vaya vaya!). Ahora lo uso para acomodar medidas líquidas según sean vistas (y en este orden) por: Firefox, Opera o Explorer. De modo que las vea con la resolución que las vea, eso no me preocupa porque se acomodan 100% según el entorno. Dicho sea e paso: son páginas con diseño contextual. ¿Y si el que navega desactiva javascript? ¡Vaya tema! Entonces puedes seguir durmiendo tranquila porque eso quiere decir que le interesa menos la forma que el contenido. De todos modos, yo, cuando voy desarrollando un proyecto, lo voy viendo con Opera en el modo usuario (te desactiva el CSS del modo autor). Claro que el javascript sigue funcionando, pero es una manera de evaluar la separación entre estructura y contenido e ir evaluando cuál es la incidencia de un script. Almirante von Web/. -- Educando al asno, por no apalearlo. (c)2007 ;-) - Original Message - From: Karen_WmBeta [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Tuesday, May 01, 2007 3:58 PM Subject: Re: [Ovillo] usar varias hojas de estilo a la vez Hola, ésta sería una excelente solución si se pudiera aplicar a las resoluciones, sin embargo ese método se queda corto pues sólo me funciona para los navegadores mediante comentarios condicionales y sugún el orden en que las disponga, como bien lo apuntas. Pero, insisto, en cuanto al cambio de resolución sólo conozco el método de js que cambia las hojas de forma dinámica, pues el truco que me recomiendas no aplica (o será que existen comentarios condicionales para determinar resolucion-estilos que yo desconozco?). Creo que finalmente lo tendre que resolver insertando directamente los hacks para ie en el propio head :-S aunque quede un tanto sucio mi html, y la hoja general la tendre que importar al inicio de cada hoja dinámica :( Gracias, de cualquier forma... El día 30/04/07, LISTAS [EMAIL PROTECTED] escribió: Deberías aprovechar el recurso de las hojas en cascada, de modo tal que las cargue a las tres, pero según diferentes órdenes, de modo que las últimas modifiquen a las primeras. Ejemplo: Si detecta Firefox, que cargue la primera. Si detecta Explorer, que cargue la primera + la segunda. Si detecta Opera, que cargue la primera + la segunda + la tercera. Lo ideal es que la primera sea la pagina estándar y las otras las correspondientes a los ajustes. Claro que esto es un ejemplo, pero vale tanto en el caso de navegadores, como plataformas versiones o resoluciones de pantalla. ¡Suerte! Almirante von Web/. -- Educando al asno, por no apalearlo. (c)2007 ;-) ___ 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] usar varias hojas de estilo a la vez
hola!
Estoy diseñando una página que tiene zonas líquidas, a base porcentajes, y
zonas fijas, con dimensiones en pixeles.
estas últimas cambian de dimensión conforme lo hace la resolución de la
pantalla con javascript que llama a la hoja de estilos que corresponda (el
método de styleswap [1])
Sin embargo cuando llama la hoja de estilos para las zonas fija, deja de
utilizar la hoja de estilos generales (los líquidos) y la que uso para ie6.
He intentado cambiar el rel=alternate stylesheet por rel=stylesheet en
el head, pero no hay manera de que utilice las tres hojas a la vez: la
dinámica, la general y la de ie6
qué estaré haciendo mal?? :(
PD. aquí pego el trozo de código que llama a las hojas de estilo:
head
meta http-equiv=Content-Type content=application/xhtml+xml;
charset=UTF-8 /
titleLorem Ipsum/title
script type=text/javascript src=scripts/styleswap.js/script
link rel=alternate stylesheet type=text/css
href=estilo/w1280.css title=w1280 /
link rel=alternate stylesheet type=text/css
href=estilo/w800.css title=w800 /
link rel=stylesheet type=text/css href=estilo/w1024.css
title=w1024 /
script type=text/javascript
window.onload = function() {styleSwap({w1280: 1200, w1024: 850, w800:
460});}
/script
link rel=stylesheet type=text/css href=estilo/general.css /
!--[if ite IE 6]link rel=stylesheet type=text/css
href=estilo/ie6.css /![endif]--
/head
PD2. pregunto aquí, porque creo que el problema está en cómo estoy llamando
a las hojas de estilo y no en el js.
Gracias :)
[1] http://dizque.lacalabaza.net/temp/styleswap/
___
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] usar varias hojas de estilo a la vez
Deberías aprovechar el recurso de las hojas en cascada, de modo tal que las
cargue a las tres, pero según diferentes órdenes, de modo que las últimas
modifiquen a las primeras.
Ejemplo: Si detecta Firefox, que cargue la primera.
Si detecta Explorer, que cargue la primera + la segunda.
Si detecta Opera, que cargue la primera + la segunda + la tercera.
Lo ideal es que la primera sea la pagina estándar y las otras las
correspondientes a los ajustes.
Claro que esto es un ejemplo, pero vale tanto en el caso de navegadores,
como plataformas versiones o resoluciones de pantalla.
¡Suerte!
Almirante von Web/.
--
Educando al asno, por no apalearlo.
©2007 ;-)
- Original Message -
From: Karen_WmBeta [EMAIL PROTECTED]
To: ovillo@lists.ovillo.org
Sent: Monday, April 30, 2007 2:17 PM
Subject: [Ovillo] usar varias hojas de estilo a la vez
hola!
Estoy diseñando una página que tiene zonas líquidas, a base porcentajes, y
zonas fijas, con dimensiones en pixeles.
estas últimas cambian de dimensión conforme lo hace la resolución de la
pantalla con javascript que llama a la hoja de estilos que corresponda (el
método de styleswap [1])
Sin embargo cuando llama la hoja de estilos para las zonas fija, deja de
utilizar la hoja de estilos generales (los líquidos) y la que uso para ie6.
He intentado cambiar el rel=alternate stylesheet por rel=stylesheet en
el head, pero no hay manera de que utilice las tres hojas a la vez: la
dinámica, la general y la de ie6
qué estaré haciendo mal?? :(
PD. aquí pego el trozo de código que llama a las hojas de estilo:
head
meta http-equiv=Content-Type content=application/xhtml+xml;
charset=UTF-8 /
titleLorem Ipsum/title
script type=text/javascript src=scripts/styleswap.js/script
link rel=alternate stylesheet type=text/css
href=estilo/w1280.css title=w1280 /
link rel=alternate stylesheet type=text/css
href=estilo/w800.css title=w800 /
link rel=stylesheet type=text/css href=estilo/w1024.css
title=w1024 /
script type=text/javascript
window.onload = function() {styleSwap({w1280: 1200, w1024: 850, w800:
460});}
/script
link rel=stylesheet type=text/css href=estilo/general.css /
!--[if ite IE 6]link rel=stylesheet type=text/css
href=estilo/ie6.css /![endif]--
/head
PD2. pregunto aquí, porque creo que el problema está en cómo estoy llamando
a las hojas de estilo y no en el js.
Gracias :)
[1] http://dizque.lacalabaza.net/temp/styleswap/
___
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
