ftp - Why aren't some of my css pages being used? -


both of last 2 css pages (800px.css , 800pxland.css) being neglected in rendering website on tablet device. cannot figure out why, of other ones work fine. matter of fact, worked hours ago no matter change , degree change it, nothing works. started using bluehost's cloudflare service i'm not sure if has (yes, ftp'ing while in dev. mode on cloudflare). have been using google chrome browser on tablet whole time. ill posted p , it'll help. thanks!

<head> <link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon" /> <meta charset="utf-8"> <meta http-equiv="cache-control" content="public"> <meta http-equiv="expires" content="fri, 30 dec 2022 12:00:00 gmt"> <title>about edm uncovered</title> <link href="/css/12gs.css" rel="stylesheet" type="text/css"> <link href="/css/reset.css" rel="stylesheet" type="text/css"> <link href="/css/stylesheet.css" rel="stylesheet" type="text/css"> <link href='http://fonts.googleapis.com/css?family=autour+one' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=noto+sans:400,700' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=jura:400,600,500,300' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=monoton' rel='stylesheet' type='text/css'> <link href='http://fonts.googleapis.com/css?family=days+one' rel='stylesheet' type='text/css'> <link href="/jquery/jquery.ui.js" rel="stylesheet" type="text/css"> <script type="text/javascript" src="/jquery/jquery.js"></script> <script type="text/javascript" src="/js/protofluid3.02.js"></script> <script type="text/javascript" src="/js/unslider.min.js"></script> <script type="text/javascript" src="/js/jquery.fittext.js"></script> <script type="text/javascript" src="/js/active.js"></script> <link media="screen , (max-device-width: 480px)" href="/css/480px.css" rel="stylesheet" type="text/css"> <link media="screen , (max-device-width:600px) , (orientation:landscape)" href="/css/480pxland.css" rel="stylesheet" type="text/css"> <link media="screen , (min-device-width: 1300px) , (max-device-width: 1399px)" href="/css/1300px.css" rel="stylesheet" type="text/css"> <link media="screen , (min-device-width: 1400px)" href="/css/1400px.css" rel="stylesheet" type="text/css"> <link media="screen , (min-device-width:601px) , (max-device-width:800px) , (orientation:portrait)" href="/css/800px.css" rel="stylesheet" type="text/css"> <link media="screen , (min-device-width:800px) , (max-device-width:1300px) , (orientation:landscape)" href="/css/800pxland.css" rel="stylesheet" type="text/css"> <!--[if lt ie 7 ]> <html lang="en" class="ie6">    <![endif]--> <!--[if lt ie 9]>     <html lang="en" class="ie8">     <link rel="stylesheet" type="text/css" href="/css/ie8-and-down.css" /> <![endif]--> <!--[if ie 9 ]>        <html lang="en" class="ie9">     <link rel="stylesheet" type="text/css" href="/css/ie9.css" /> <![endif]--> <!--[if (gt ie 9)|!(ie)]><!--><!--<![endif]--> </head> 

as matter of fact, worked hours ago...

if mean 2 ipad css stylesheets working , aren't, me it's implying either issue them being cached via cloudflare or there's css error on stylesheets or styles stylesheet taking precedent.

you test each possibility by

  • save duplicates of last 2 stlyesheets , update html accordingly
    eg <link media="screen , (min-device-width:601px) , (max-device-width:800px) , (orientation:portrait)" href="/css/800px-alt.css" rel="stylesheet" type="text/css"> . rule out caching issue
  • validate last 2 stylesheets @ w3 css validation
  • add new test selector on each of last 2 stylesheets , see if can stick, eg body{background-color:green !important;

these causes come mind me.

good luck!

`


Comments

Popular posts from this blog

image - ClassNotFoundException when add a prebuilt apk into system.img in android -

I need to import mysql 5.1 to 5.5? -

Java, Hibernate, MySQL - store UTC date-time -