Hi, First, you really should combine stylesheets aimed for the same media into one file. You can do that automatically using a server-side language.
Also, the "Screen/screen" trick is probably the source of your problem. I think he meant that all screen stylesheets were linked with media "Screen" (capitalised), not both. Look at his source code and make sure you remove all differences (apart from filenames and paths). Can't help you much more than that, haven't had the time to take the mobile plunge. On Fri, Dec 18, 2009 at 7:16 PM, cwebba <[email protected]> wrote: > Hi, > > I am trying to create and add a basic style sheet for mobile as per > instruction at > > http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/ > > It is not working. The mobile is overriding my computer CSS. Can > anyone look at this and help me with properly directing various media > to style? > > Style sheets with Mobile added (not working): > > <link rel="stylesheet" type="text/css" href="css/fein_style2.css" > media="screen" /> > <link rel="stylesheet" href="http://domain.tld/screen.css"; type="text/ > css" media="Screen" /> > <link rel="stylesheet" href="http://domain.tld/mobile.css"; type="text/ > css" media="handheld" /> > <link rel="stylesheet" type="text/css" href="css/print.css" > media="print" /> > <!--[if IE]> > <link rel="stylesheet" href="css/ie.css" type="text/css" > media="screen, projection"> > <![endif]--> > -- Goulven Champenois -- You received this message because you are subscribed to the Google Groups "Blueprint CSS" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/blueprintcss?hl=en.
