Uno stile diverso per i cellulari

[iadream]

Salve amici,

ho questo sito realizzato in flash:

http://www.olympsport.it

che però ovviamente su un cellulare non si vede e non è quindi navigabile!

(tralasciando i commenti sul fatto di non utilizzare flash, scelta obbligata da chi me lo ha fatto fare!)

Posso utilizzare i CSS per distinguere lo stile se si vede su un cellulare?
Pensavo di creare un DIV con una barra di navigazione testuale, che rimane nascosta su browser normali e viene vista invece dai cell.... come devo fare?

[fcaldera]

hai già provato a caricare un CSS apposito con un media type differente, ad es. media="handheld"

[iadream]

ho provato ad inserire:

<style type="text/css" media="screen">
<!--
@import url("/CSS/home.css");
-->
</style>

<style type="text/css" media="handled">
<!--
@import url("/CSS/home_cell.css");
-->
</style>

ma non capisco come mai mi mischia gli stili!

[fcaldera]

non conosco il funzionamento dei css per cellulari, ma se come dici si verifica una sovrapposizione di stili tra i css screen e handheld l'unica cosa che posso consigliarti è di azzerare lo stile sul secondo css (quello del cellulare) che hai definito per lo screen e, successivamente, di impostare le proprietà corrette per il cellulare.