[SOLVED] PHP font issues on iPhone

Pr0digy · November 4, 2008

Hello everyone,

I am having some issues with text that gets echo'd in a PHP script.

The HTML text on the page listens to the .css and displays as it should only whatever gets echo'd by the PHP part is living a life of it's own.

It all displays perfect on any PC or Mac (any browser works) but on the iPhone it completely messes up.

If i size everything down to 7px with the command it looks decent on the iPhone but ofcourse microscopic on the computer...

Unfortunately i am un able to give a sample of the script as i am working under a non disclosure agreement but i am hoping for some tips,

pointers and/or maybe even solutions from people that have experience when it comes to this.

Thanks so much !

Jay

DarkWater · November 4, 2008

We'd need to see the misbehaving part of the script in order to actually help you. And the fact that PHP is echoing it has nothing to do with it; you must be sending bad HTML or something.

Pr0digy · November 4, 2008

That's the thing, i can't share any part of the page

Is there a list somewhere of stuff i can try that applies to text ?

Or maybe someone here that has experience with building a site that's iPhone compatible.

I know not sharing any code makes thing a lot harder, sorry.

jay

DarkWater · November 4, 2008

What could possibly be so top secret in the part of the code that you echo a portion of HTML in? =/ And thoroughly check the source code of the page produced AND make sure that it validates.

Pr0digy · November 4, 2008

i agree, nothing top secret. But like i said i had to sign the NDA and i'm not risking anything.

Could you tell me what part of the HTML you need ?

Jay

PS. I validated the document (dreamweaver did it for me) and shows no issues.

DeanWhitehouse · November 4, 2008

This really has nothing to do with PHP, it is a HTML problem, and no he can't tell you where to look in the HTML without seeing the page source, BTW even if you have a non-disclosure agreement, it shouldn't matter if you show us source code as it is visible when the site is live anyway.

DarkWater · November 4, 2008

Yeah, can I see the outputted HTML? That can't be covered by an NDA since it's visible anyway.

Pr0digy · November 4, 2008

Ok, here's the HTML of the page, and some PHP stuff in between

All the PHP does is echo the result of an "if ... = ... echo "echo'd text here"

<html>
</style>
<head>
	<title>Hidden</title>
    <link href="../css/news.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<style type="text/css">
<!--
body {
background: url(images/emailformback.jpg) fixed;
background-repeat: no-repeat;
background-color: #8d9db4;
}
a:link {
color: #CC0000;
}
a:visited {
color: #CC0000;
}
-->
.whitebanner {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
}

-->
    </style></head>
<body class="news">

<script type="application/x-javascript">
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

function hideURLbar(){
window.scrollTo(0,1);
}
</script>

<?php

?>
<?php

?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td><?php

	?></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  
<tr>
        <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
        <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MODEL AND BUILD INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
      <tr>
        <td height="122" colspan="3" valign="top">
	<?php

echo "<br><br>";

       
echo "<br />";


echo "<br />";


	else echo " ";	
echo "<br />";


?>        
    </td>
  </tr>
    </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10" height="22" bgcolor="#798BA6" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">PROCESSOR INFORMATION</td>
    <td width="10" bgcolor="#798BA6" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <pre style="white-space:pre;">
<?php

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";
    ?>
    </pre>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MEMORY INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";
?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">STORAGE INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";
    ?>
    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">GRAPHICS INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";
?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">NETWORKING INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br>";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 11px;\">";

echo "</span>";
echo "<br />";
    ?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MAC OS INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";
?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">REPAIR AND SUPPORT INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br />";

echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
echo "<br>";
?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">REPORTED ISSUES</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
?>
    </pre>    
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">IMPORTANT UPDATES</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<?php
echo "<span style=\"font-family: arial; font-size: 7px;\">";

echo "</span>";
?>
    </pre>    </td>
  </tr>
</table>
</body>
</html>

DarkWater · November 4, 2008

Which part is giving you grief on the iPhone?

Pr0digy · November 4, 2008

The part between the <?php and ?> that i had to take out.... the PHP part.

DeanWhitehouse · November 4, 2008

So all the PHP bits? that you have removed for some obscure reason, and therefore we can't help at all without seeing it.

Please print the source code from the browser.

DarkWater · November 4, 2008

*facepalm* Okay then. Go directly to the page IN YOUR BROWSER, click View Source, and copy and paste that here. No PHP code, JUST the output.

corbin · November 4, 2008

If you're advanced enough with PHP to be in a non-disclosure agreement with a company, I would expect you to know how to fix an HTML error. I guess some companies are just paranoid.

Also, exactly how is it messed up on the iPhone?

DeanWhitehouse · November 4, 2008

@Corbin, i was thinking of saying that but thought it might be rude, but o`well its true, i don't think he coded the page being shown.

Pr0digy · November 4, 2008

Sorry for testing your patience guys, im fairly new at this.

Here's what Safari spits out:

<html>
</style>
<head>
	<title>Hidden</title>
    <link href="../css/news.css" rel="stylesheet" type="text/css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<style type="text/css">
<!--
body {
background: url(images/emailformback.jpg) fixed;
background-repeat: no-repeat;
background-color: #8d9db4;
}
a:link {
color: #CC0000;
}
a:visited {
color: #CC0000;
}
.whitebanner {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: #FFF;
}

-->
    </style></head>
<body class="news">

<script type="application/x-javascript">
addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);

function hideURLbar(){
window.scrollTo(0,1);
}
</script>

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td><br /></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  
<tr>
        <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
        <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MODEL AND BUILD INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
      <tr>
        <td height="122" colspan="3" valign="top">
	<b>Serial Number:</b> <br><br><b>Model:</b> <br><br><br />.<br /> <br /><br>        </td>
  </tr>
    </table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10" height="22" bgcolor="#798BA6" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">PROCESSOR INFORMATION</td>
    <td width="10" bgcolor="#798BA6" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 11px;"><b>Processor Speed:</b></span><br /><span style="font-family: arial; font-size: 11px;"><b>Processor Type:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Number of Cores:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Bus Speed:</b> </span><br />    </pre>
    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MEMORY INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 11px;"><b>Installed RAM:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Max. Amount:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Amount of Slots:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>RAM Speed:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>RAM Type:</b> </span><br />    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">STORAGE INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"><b>Hard Drive:</b> </span><br /><span style="font-family: arial; font-size: 7px;"><b>Bus Type:</b> </span><br><span style="font-family: arial; font-size: 7px;"><b>Optical Drive:</b> </span><br /><span style="font-family: arial; font-size: 7px;"><b>Bus Type:</b> </span><br />    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">GRAPHICS INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"><b>Display Size:</b> </span><br /><span style="font-family: arial; font-size: 7px;"><b>Graphics Card:</b> </span><br><span style="font-family: arial; font-size: 7px;"><b>Card Memory:</b> </span><br /><span style="font-family: arial; font-size: 7px;"><b>Max. Resolution:</b> </span><span style="font-family: arial; font-size: 7px;"><b>Backlight and Coating:</b> </span><br />    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">NETWORKING INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 11px;"><b>AirPort:</b> </span><span style="font-family: arial; font-size: 11px;"><b>Ethernet:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Bleutooth:</b> </span><br><span style="font-family: arial; font-size: 11px;"><b>Infrared:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Modem:</b> </span><br />    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">MAC OS INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"><b>Original OS:</b> </span><br><span style="font-family: arial; font-size: 7px;"><b>Maximum OS:</b> </span><br>    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">REPAIR AND SUPPORT INFORMATION</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"><b>Support Status:</b> </span><br><span style="font-family: arial; font-size: 7px;"><b>Apple Programs:</b> </span><br /><span style="font-family: arial; font-size: 7px;"><b>Warranty:</b> </span><br>    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">REPORTED ISSUES</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"><b>Reported Issues:</b> </span>    </pre>    </td>
  </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="news">
  <tr>
    <td width="10" height="22" class="whitebanner"><img src="images/bannermaterials/leftbannerpiece.jpg" width="10" height="22"></td>
    <td background="images/bannermaterials/centerbannerpiece.jpg" class="whitebanner">IMPORTANT UPDATES</td>
    <td width="10" class="whitebanner"><img src="images/bannermaterials/rightbannerpiece.jpg" width="10" height="22"></td>
  </tr>
  <tr>
    <td colspan="3" valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 7px;"></span>    </pre>    </td>
  </tr>
</table>
</body>
</html>

The (yes indeed) rather rude remarks don't really help me.

I was told this was thé place to come to for help. So here i am.

The HTML gave no errors on validation, if it did i would have fixed it.

The problem on the iPhone is that all the text that the PHP echo shows/generates is way bigger than font size 12.

While the rest of the page text behaves as the news.css tells it to.

Appreciate the help.

Jay

DarkWater · November 4, 2008

Okay, now which part of that actually gives you trouble on the iPhone?

DeanWhitehouse · November 4, 2008

Please post the part of the code where the problem is, the exact few lines (5 above and below should be more than enough) This will allow us to see the problem.

Pr0digy · November 4, 2008

This is an entire table with a snippet of code.

<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <pre style="white-space:pre;">
<span style="font-family: arial; font-size: 11px;"><b>Processor Speed:</b></span><br /><span style="font-family: arial; font-size: 11px;"><b>Processor Type:</b> </span><br /><span style="font-family: arial; font-size: 11px;"><b>Number of Cores:</b>

<?php
   echo "<span style=\"font-family: arial; font-size: 11px;\">";
   echo "<b>Number of Cores:</b> ";   
      if ($model == ABC) echo "       - 2";
   echo "</span>";
   echo "<br />";
   ?>

 </span><br /><span style="font-family: arial; font-size: 11px;"><b>Bus Speed:</b> </span><br />    </pre>
    </td>
  </tr>
</table>

This results in an echo that looks as follows:

On computer:

Number of cores: -2

On iPhone

Number of cores -2

DarkWater · November 4, 2008

Really? That's odd. Try:

echo "<span style=\"font-family: arial; font-size: 11pt;\">";

Maybe the iPhone doesn't like pixel font measures? I have no clue. I could do some research though.

DeanWhitehouse · November 4, 2008

Btw why are you calling the same span tag inside a span tag

Number of Cores:

<?php

echo "";

echo "Number of Cores: ";

if ($model == ABC) echo " - 2";

echo "";

echo " ";

?>

DarkWater · November 4, 2008

VERY good point. Try fixing that. Are you sure your page validates? Go actually check it at validator.w3.org. >_<

Pr0digy · November 4, 2008

before using the span tag the fonts were even bigger, the way it is now i managed to keep it somewhat under control. I'm sure this is not the way to go but this is far as i've come with google :/

Here's a snap of what it looks like on the iPhone (or iPod Touch in this case):

Edit: Just deleted the double span tags and the output is the same.

Going to try the validator now.

[attachment deleted by admin]

corbin · November 4, 2008

EDIT: Blerh, typed this before your most recent part, so ignore the double span part.

The (yes indeed) rather rude remarks don't really help me.

My first comment was pretty blunt, but I have issues with someone coming to such an open forum when he/she refuses to give the full details of his/her problem. "My bike is broken, and I want you to fix it." "Oh, ok, can I see your bike?" "No!" "Oh, I can't? How can I fix it?" "Well, you may see the pedals. That's it." That's not really how I see the spirit of these forums. Maybe that's just me. Sorry, I guess.

Does the Processor Speed thing show up correctly? It's basically the same HTML, so I would expect it not to do so.

Also, if it's not the double span tag, which I suspect it may be, since your CSS could be styling spans, could we see some of the relevant parts of your style sheet?

Pr0digy · November 4, 2008

Wowie.... validator.w3.org gives me

Result: 26 Errors, 26 warning(s)

Guess i can't take dreamweavers word for it being "validated and OK" :S

Either way here is the contents of the css file:

@charset "UTF-8";
.news {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
}

I will review and look into all the errors that website gave me.

Thanks so far for your help guys, i really appreciate it.

Corbin i understand your reaction, i was just being careful because of the NDA

Jay

DeanWhitehouse · November 4, 2008

Now, no offence, but if you are designing and most likely even coding the site ( except maybe the PHP) in dreamweaver, i don't see why you have a NDA as it is not exactly a very proffesional way of creating a site. I mean this as in using tables instead of pure css (div,span, etc.) and using dreamweaver to code alot of it.

When you have fixed the errors, repost the code if there is still a problem.

Sign In

[SOLVED] PHP font issues on iPhone

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Important Information