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/

I don't want to have to build a separate mobile.website for this
project – although in the future I might. For now, I want to direct
mobile devices to one style sheet and direct computers to the others.

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?

This website has three style sheets for computers, one for website -
specific styles, One for Blueprint typography and one for the grid. I
have the Blueprint "print" CSS and "IE" styles.

The Mobile stylesheet emulates 
http://perishablepress.com/press/2009/08/02/the-5-minute-css-mobile-makeover/

It is the setup that is wrong. Help!


My existing style sheet setup:

<link rel="stylesheet" type="text/css" href="css/fein_style2.css"
media="screen" />
<link rel="stylesheet" type="text/css" href="css/screen.css"
media="screen" />
<link rel="stylesheet" type="text/css" href="css/grid_csw.css"
media="screen" />
<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]-->



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]-->

--

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.


Reply via email to