Foros del Web » Creando para Internet » CSS »

Hoja de estilo alternativa

Estas en el tema de Hoja de estilo alternativa en el foro de CSS en Foros del Web. Muy buenas. He mirado en las FAQs estando seguro de que habría algo sobre usar dos hojas de estilos -de diseño diferente se entiende- para ...
  #1 (permalink)  
Antiguo 17/01/2007, 15:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Hoja de estilo alternativa

Muy buenas.

He mirado en las FAQs estando seguro de que habría algo sobre usar dos hojas de estilos -de diseño diferente se entiende- para que el usuario pueda elegir entre una y otra. No es ese el uso que le quiero dar, quiero renovar el diseño de mi página, y mientras hago eso, quiero poner la hoja de estilo de modo alternativo para que pueda seleccionarla yo e ir viendo como queda.

He leido por ahí que para ello debería de especificarse el atributo title al archivo alternativo, por lo que se cargaría por defecto el que no tiene tal atributo, por lo que hice así:
Código:
<link rel="stylesheet" href="/css/general.css" type="text/css">
<link rel="stylesheet" href="/css/general2.css" type="text/css" title="Futuro estilo">
Y de esta forma me carga general.css pero como título de esta hoja de estilo me sale "Futuro estilo", y la otra, general2.css no me la deja elegir. Y entonces ya no sabía que pensar.

No sé si se entiende bien porque está algo mal redactado. Si eso me repito con mejores formas.

Muchas gracias.
  #2 (permalink)  
Antiguo 18/01/2007, 03:58
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.460
Antigüedad: 15 años, 4 meses
Puntos: 2097
Re: Hoja de estilo alternativa

Bueno, por aquí encontré algo que finalmente funciona. Aunque en IE no encuentro la opción de elegir entre hojas de estilo alternativas. Tendré que cargarla manualmente en las opciones de accesibilidad.

En el atributo rel bastaba con indicar que era una hoja de estilo alternativa con alternate stylesheet, y procurar que el title no sea el mismo ya que si no el explorador lo interpretaría como si fueran hojas de estilos que van juntas -para un mismo diseño.

Al final quedó así.
Código:
<link rel="stylesheet" href="/css/general.css" type="text/css" title="Standart" >
<link rel="alternate stylesheet" href="/css/general2.css" type="text/css" title="Estilo futuro" >
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 06:01.