Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Windows mobile stylesheet

Featured Replies

Got a site but am having difficulty loading the windows stylesheet, but I cant see why this isnt working. I have a Windows Radar phone to test it on, but no changes are happening. Why is this? The test site can viewed at http://www.nurdit.com/saschapt

 

index.php

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sascha Personal Training & Sports Massage Therapy | Home | Bournemouth | Poole | Dorset</title>
<meta charset="utf-8">
<meta name="description" content="Welcome to Sascha Personal Training & Sports Massage Therapy based in Bournemouth, Poole, Dorset and the South Coast">
<meta name="keywords" content="personal training, sports massage, therapy, Bournemouth, Poole, Dorset, south coast, treatment, sessions">

<!--[if IEMobile]> 
<link rel="stylesheet" type="text/css" href="css/windows-mobile.css" media="screen"  /> 
<![endif]-->
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/coin-slider-styles.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="scripts/coin-slider.min.js"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-36180272-4', 'saschapt.co.uk');
  ga('send', 'pageview');
</script>
</head>

<body>
<div id="pageWrapper">
	<div id="leftColumn">
		<div id="flashMenu">
		  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="305" height="511">
		    <param name="movie" value="flash_menu.swf">
		    <param name="quality" value="high">
		    <param name="wmode" value="opaque">
		    <param name="swfversion" value="9.0.45.0">
		    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
		    <param name="expressinstall" value="Scripts/expressInstall.swf">
		    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
		    <!--[if !IE]>-->
		    <object type="application/x-shockwave-flash" data="flash_menu.swf" width="305" height="511">
		      <!--<![endif]-->
		      <param name="quality" value="high">
		      <param name="wmode" value="opaque">
		      <param name="swfversion" value="9.0.45.0">
		      <param name="expressinstall" value="Scripts/expressInstall.swf">
		      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
		      <div>
		        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
		        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
	          </div>
		      <!--[if !IE]>-->
	        </object>
		    <!--<![endif]-->
	      </object>
		</div>
		<div id="social">
			<a href="https://twitter.com/SaschaPTsmt" target="_blank"><img src="img/twitter.png" width="160" height="62" alt="Twitter logo"></a>
			<a href="https://www.facebook.com/#!/saschaSMTpt" target="_blank"><img src="img/facebook.png" width="160" height="62" alt="Facebook logo"></a>
			<img src="img/call.png" width="160" height="62" alt="Sascha's contact number">
			<a href="http://reps.training.exerciseregister.org/" target="_blank"><img src="img/reps.png" width="100" height="100" alt="Reps logo" style="margin-left:25%;"></a>
		</div>
	</div>
	
	<div id="line"></div>

	<div id="rightColumn">
		<div id="homeImage"></div>
		<div id="homeContent">
		<h1 style="text-align: center;">Welcome to Sascha<br>Personal Training & Sports Massage Therapy</h1>
		<br>
		<br>
		<p>In need of a <span class="whiteBold">personal trainer</span> or <span class="whiteBold">Sports/Deep Massage therapist</span> in the <span class="whiteBold">Bournemouth & Poole</span> area?<br>
		<br>
		Then why not contact Sascha to book an appointment.</p>
		<br>
			<div id='coin-slider'>
				<img src='img/slider/img01.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img02.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img03.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img04.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img05.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img06.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img07.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img08.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img09.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img10.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img11.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img12.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img13.jpg' alt="Sascha's personal training & massage facilities">
			</div>
		<br>
		<p>Sascha works from a private studio and clinic which means you will be given the ultimate personal and private experience as each session/ treatment will be purely on a 1-2-1 bases!<br>
		<br>
		You will also benefit from...<br>
		<br>
		No Membership or Entrance Fee & Free/Easy Parking.</p>
		<br>
		<h4 class="italic" style="text-align: center;">Call today for the latest offers.</h4>
		<br>
		</div>
	</div>
	<div id="footer">
		<div class="testimonial">
		<p class="testWhite">Two years ago I was 18 stone, I worked hard for a year got down to 16 stone but I then hit a wall and stayed at the same weight no matter what I tried!<br>
		<br>
		I needed a personal trainer who would work me hard and push me to the next level! After a few days Sascha had worked out a new routine for me, she worked on my technique, posture, core and "BAM" I was on my way again! I'm now more flexible, stronger, fitter and finally another 2 stone lighter!<br>
		<br>
		As my technique had been so bad, my muscles were really tight and so I asked Sascha if she could give me a few sports massages which really helped, I didn't realise how tight I actually was! I am 52 and I honestly believe Sascha has put 5-10 years on my life, I have never felt so good and that's down to the impact of Sascha's personal training and sports massage!
		</p>
		<p class="testGreen">Allan - Car Mechanic</p>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({width: 571, height: 371, links : false, navigation: true});
	});
</script>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>

</html>

 

windows-mobile.css

body {
	background: #000;
	color: #FFF;
}

p {
	font-family: 'Michroma', sans-serif;
	font-size: 25px;
	word-spacing: 3px;
}

 

I'm not sure on this bit would you need to wrap your other css link so the windows phone ignores it or it would just overwrite your changes

 

could be wrong though. I'll try and find out later for you going out now

  • Author

Iv done the following but to no help?

 

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sascha Personal Training & Sports Massage Therapy | Home | Bournemouth | Poole | Dorset</title>
<meta charset="utf-8">
<meta name="description" content="Welcome to Sascha Personal Training & Sports Massage Therapy based in Bournemouth, Poole, Dorset and the South Coast">
<meta name="keywords" content="personal training, sports massage, therapy, Bournemouth, Poole, Dorset, south coast, treatment, sessions">

<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/coin-slider-styles.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="scripts/coin-slider.min.js"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-36180272-4', 'saschapt.co.uk');
  ga('send', 'pageview');
</script>
<!--[if IEMobile]> 
<link rel="stylesheet" type="text/css" href="css/windows-mobile.css" media="screen"  /> 
<![endif]-->
</head>

windows-mobile.css

body {
	background: white;
}

p {
	font-family: 'Michroma', sans-serif;
	font-size: 25px;
	word-spacing: 3px;
}

h1 {
	color: red;
}

tbh I'm struggling with no way of testing

 

try commenting out all your other css to see if your phone even seeing the windows mobile css

  • Author

Daming Hell I just dont get it

 

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sascha Personal Training & Sports Massage Therapy | Home | Bournemouth | Poole | Dorset</title>
<meta charset="utf-8">
<meta name="description" content="Welcome to Sascha Personal Training & Sports Massage Therapy based in Bournemouth, Poole, Dorset and the South Coast">
<meta name="keywords" content="personal training, sports massage, therapy, Bournemouth, Poole, Dorset, south coast, treatment, sessions">

<!--<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/coin-slider-styles.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>-->
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="scripts/coin-slider.min.js"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-36180272-4', 'saschapt.co.uk');
  ga('send', 'pageview');
</script>
<!--[if IEMobile]>
<link rel="stylesheet" type="text/css" href="css/windows-mobile.css" media="screen"  /> 
<![endif]-->
</head>

<body>
<div id="pageWrapper">
	<div id="leftColumn">
		<div id="flashMenu">
		  <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="305" height="511">
		    <param name="movie" value="flash_menu.swf">
		    <param name="quality" value="high">
		    <param name="wmode" value="opaque">
		    <param name="swfversion" value="9.0.45.0">
		    <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
		    <param name="expressinstall" value="Scripts/expressInstall.swf">
		    <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
		    <!--[if !IE]>-->
		    <object type="application/x-shockwave-flash" data="flash_menu.swf" width="305" height="511">
		      <!--<![endif]-->
		      <param name="quality" value="high">
		      <param name="wmode" value="opaque">
		      <param name="swfversion" value="9.0.45.0">
		      <param name="expressinstall" value="Scripts/expressInstall.swf">
		      <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
		      <div>
		        <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
		        <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
	          </div>
		      <!--[if !IE]>-->
	        </object>
		    <!--<![endif]-->
	      </object>
		</div>
		<div id="social">
			<a href="https://twitter.com/SaschaPTsmt" target="_blank"><img src="img/twitter.png" width="160" height="62" alt="Twitter logo"></a>
			<a href="https://www.facebook.com/#!/saschaSMTpt" target="_blank"><img src="img/facebook.png" width="160" height="62" alt="Facebook logo"></a>
			<img src="img/call.png" width="160" height="62" alt="Sascha's contact number">
			<a href="http://reps.training.exerciseregister.org/" target="_blank"><img src="img/reps.png" width="100" height="100" alt="Reps logo" style="margin-left:25%;"></a>
		</div>
	</div>
	
	<div id="line"></div>

	<div id="rightColumn">
		<div id="homeImage"></div>
		<div id="homeContent">
		<h1 style="text-align: center;">Welcome to Sascha<br>Personal Training & Sports Massage Therapy</h1>
		<br>
		<br>
		<p>In need of a <span class="whiteBold">personal trainer</span> or <span class="whiteBold">Sports/Deep Massage therapist</span> in the <span class="whiteBold">Bournemouth & Poole</span> area?<br>
		<br>
		Then why not contact Sascha to book an appointment.</p>
		<br>
			<div id='coin-slider'>
				<img src='img/slider/img01.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img02.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img03.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img04.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img05.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img06.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img07.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img08.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img09.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img10.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img11.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img12.jpg' alt="Sascha's personal training & massage facilities">
				<img src='img/slider/img13.jpg' alt="Sascha's personal training & massage facilities">
			</div>
		<br>
		<p>Sascha works from a private studio and clinic which means you will be given the ultimate personal and private experience as each session/ treatment will be purely on a 1-2-1 bases!<br>
		<br>
		You will also benefit from...<br>
		<br>
		No Membership or Entrance Fee & Free/Easy Parking.</p>
		<br>
		<h4 class="italic" style="text-align: center;">Call today for the latest offers.</h4>
		<br>
		</div>
	</div>
	<div id="footer">
		<div class="testimonial">
		<p class="testWhite">Two years ago I was 18 stone, I worked hard for a year got down to 16 stone but I then hit a wall and stayed at the same weight no matter what I tried!<br>
		<br>
		I needed a personal trainer who would work me hard and push me to the next level! After a few days Sascha had worked out a new routine for me, she worked on my technique, posture, core and "BAM" I was on my way again! I'm now more flexible, stronger, fitter and finally another 2 stone lighter!<br>
		<br>
		As my technique had been so bad, my muscles were really tight and so I asked Sascha if she could give me a few sports massages which really helped, I didn't realise how tight I actually was! I am 52 and I honestly believe Sascha has put 5-10 years on my life, I have never felt so good and that's down to the impact of Sascha's personal training and sports massage!
		</p>
		<p class="testGreen">Allan - Car Mechanic</p>
		</div>
	</div>
</div>
<script type="text/javascript">
	$(document).ready(function() {
		$('#coin-slider').coinslider({width: 571, height: 371, links : false, navigation: true});
	});
</script>
<script type="text/javascript">
swfobject.registerObject("FlashID");
</script>
</body>

 

windows-mobile.css

 

body {
	background: black;
}

p {
	font-family: 'Michroma', sans-serif;
	font-size: 25px;
	word-spacing: 3px;
	color: red;
}

h1 {
	color: red;
}

I take it your phone is not seeing it ?

 

I noticed on your link your using IEmobile 7 yet the code you show is IEmobile

 

<!--[if IEMobile]>
<p>IE mobile working</p>
<![endif]>

Can you try the above see if it shows

  • Author

Hey, got iPhone to work. Here is my code and still no WIndows. Can i ask, is the <p>IE mobile working</p> is meant to be commented out?

 

<link href="css/media-queries.css" rel="stylesheet" type="text/css">
<!--[if IEMobile]>
<p>IE mobile working</p>
<![endif]-->
<!--[if IEMobile]>
<p>IE mobile working</p>
<![endif]-->

 

Are sorry that needs to go after your body tag, yes by wrapping it with the tags it should show as commented out but IE mobiles should use it

 

Can anbody else with a ie mobile phone test the op link

  • Author

o OK, I have put the following, but my Windows phone still loads normal style. Have I done this right? Can anyone other than myself test on their windows phone please? Thanks

 

<!DOCTYPE html>
<html lang="en">
<head>
<title>Sascha Personal Training & Sports Massage Therapy | Home | Bournemouth | Poole | Dorset</title>
<meta charset="utf-8">
<meta name="description" content="Welcome to Sascha Personal Training & Sports Massage Therapy based in Bournemouth, Poole, Dorset and the South Coast">
<meta name="keywords" content="personal training, sports massage, therapy, Bournemouth, Poole, Dorset, south coast, treatment, sessions">

<link href="css/media-queries.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" href="css/coin-slider-styles.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Michroma' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="scripts/coin-slider.min.js"></script>
<script src="scripts/swfobject_modified.js" type="text/javascript"></script>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-36180272-4', 'saschapt.co.uk');
  ga('send', 'pageview');
</script>
</head>

<body>
<!--[if IEMobile]>
<p>IE mobile working</p>
<![endif]-->

Is the text IE mobile working showing on your phone?

 

Just a thought your phone is using the ie browser ?

Edited by mteam

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.