[XSL e CSS] Problemi con i tag media

**duckerized** · 27-11-2007, 17:53

Voglio creare un sito che venga visualizzato in modo differente a seconda che il client sia un pc o un dispositivo piccolo (palmare, cellulare).
Volevo usare css per semplicita di aggiornamento, ma volevo anche sfruttare le potenzialita di XSL.
Ho provato dapprima a inserire i due css nel file .xsl :

<link rel="stylesheet" type="text/css" media="screen" href="./css/instyle.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="./css/hands_up.css" >

ma mi legge solo il css con media=screen, a meno che non lascio solo quello handheld.

Ho provato allora a lasciare solo instyle.css e usare @media screen {...} @media handeld {...} nello stesso file, ma...mi legge comunque solo il media screen.

Uso firefox 2.0.0.10, Linux Ubuntu feisty.

Qualche problema di incompatibilita' CSS/XSL.

Grazie

Duckerized

**duckerized** · 28-11-2007, 18:12

qualche consiglio?

**duckerized** · 03-12-2007, 12:10

giusto per...metto il codice, magari qualcuno mi puo dare una mano vedendo il codice, anche se incompleto :

<?xml version="1.0"?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns="http://www.w3.org/1999/xhtml">
<xsl

utput method="html" indent="yes"
doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN" />
<xsl:template match="/pagina">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

<link rel="stylesheet" type="text/css" media="screen" href="./css/instyle.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="./css/hands_up.css" />

</head>

<body>
<xsl:call-template name="organizza_menu" />

<xsl:call-template name="news" />

<xsl:call-template name="menu_su" />

<xsl:call-template name="menu_bot" />

<xsl:call-template name="menu_sin" />

<xsl:call-template name="footer" />
</body>
</html>
</xsl:template>

i due css sono validati e anche l'xhtml (in questo caso xsl) e validato.
Il problema e...che quando lascio solo il css con media=handheld mi funziona, se invece ce li metto entrambi mi funziona solo media=screen.
Dov e che sbaglio?

Duckerized

Discussione: [XSL e CSS] Problemi con i tag media

Strumenti discussione

Ricerca discussione

Visualizza

[XSL e CSS] Problemi con i tag media

Permessi di invio