Doesn't work on mac

hey all, i have this page that was outputted dynamically and works fine no PC's, but when taken over to a mac, the center table with all the images doesn't show up. what's going on? Here's the code. thanx for the help in advance.

*********************************************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<title>Rezzio Photography - Photo Suite</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript" src="../js/prototype.js"></script>
<script type="text/javascript" src="../js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="../js/lightbox.js"></script>
<link rel="stylesheet" href="../css/lightbox.css" type="text/css" media="screen" />

</head>
<body>
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top">
      <p align="center"><img src="images/logo.jpg" width="133" height="105"></p>
      <table width="95%"  border="0" align="center" cellpadding="0" cellspacing="0" style="border: 1px solid #778888; ">
        <tr>
          <td valign="top" style="padding: 10px;">
<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #778888; font-weight:bold">Admin</div>

<div style="padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333">
      <a href="projects_create.asp" style="color:#333333; text-decoration:none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">Create A Project</a><br>
      <a href="projects_view.asp" style="color:#333333; text-decoration:none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">View Projects</a><br>
      <a href="registeredUsers_view.asp" style="color:#333333; text-decoration:none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">Registered Users</a><br>
      <a href="orders_pending.asp" style="color:#333333; text-decoration:none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">Pending Orders</a><br>
      <a href="orders_completed.asp" style="color:#333333; text-decoration:none;" onMouseOver="this.style.textDecoration='underline';" onMouseOut="this.style.textDecoration='none';">Completed Orders</a>      </div>

<div style="font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #778888; font-weight:bold">Toolbox</div>

<div style="padding: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333">
      Current Projects<br>
      Add A Project<br>
      Purchase History<br>
      Registered Information<br>

      Re-Order
</div>
</td>
        </tr>
      </table>
      <p><img src="../images/spacer.gif" width="180" height="1"></p>   </td>
    <td width="100%" valign="top" style="padding: 10px 5px 10px 5px; ">
<!------------------------------------------------------->
<!------------------------------------------------------->
<!------------------------------------------------------->

     
<table width="50%"  border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse; border: 1px solid #778888; ">
  <tr>
    <td valign="top" colspan="5" style="background-color:#EEEEEE; padding: 5px;" align="right"><div align="right" style="color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right: 10px; ">&nbsp;&nbsp;page:  <b>[  <a href="?pageSize=25&id=9604&curPage=1" style="color:#333333;">1</a>  ]</b>  <a href="?pageSize=25&id=9604&curPage=2" style="color:#333333;">2</a>  <a href="?pageSize=25&id=9604&curPage=3" style="color:#333333;">3</a> <a href="?pageSize=all&id=9604&curPage=1" style="color:#333333;">View All</a></div></td>
  </tr>
  <tr>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/augtwobus.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/augtwobus.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/augtwobus2.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/augtwobus2.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/augtwobus4.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/augtwobus4.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/augtwobus5.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/augtwobus5.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/baldwinscape.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/baldwinscape.jpg" border="0"></a></td>
</tr><tr>
    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bearmountain.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bearmountain.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bearmountain3.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bearmountain3.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bearmountainbridge.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bearmountainbridge.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bearmountainjump.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bearmountainjump.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bigsunflower.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bigsunflower.jpg" border="0"></a></td>
</tr><tr>
    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/blkgirlsunflowers.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/blkgirlsunflowers.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/blueeyes.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/blueeyes.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/blueschoolportrait.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/blueschoolportrait.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/boywithfirehat.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/boywithfirehat.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/burned.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/burned.jpg" border="0"></a></td>
</tr><tr>
    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/bwmariobaby.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/bwmariobaby.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/cardiganozzy.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/cardiganozzy.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/christening.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/christening.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/closebee.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/closebee.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/damarisjoanna.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/damarisjoanna.jpg" border="0"></a></td>
</tr><tr>
    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/danielaashley.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/danielaashley.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/daniellacorn.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/daniellacorn.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/darwinguitar.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/darwinguitar.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/diane.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/diane.jpg" border="0"></a></td>

    <td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/dodanis.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/dodanis.jpg" border="0"></a></td>
</tr><tr>
    </tr>
  <tr>
    <td valign="top" colspan="5" style="background-color:#EEEEEE; padding: 5px;" align="right"><div align="right" style="color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding-right: 10px; ">&nbsp;&nbsp;page:  <b>[  <a href="?pageSize=25&id=9604&curPage=1" style="color:#333333;">1</a>  ]</b>  <a href="?pageSize=25&id=9604&curPage=2" style="color:#333333;">2</a>  <a href="?pageSize=25&id=9604&curPage=3" style="color:#333333;">3</a> <a href="?pageSize=all&id=9604&curPage=1" style="color:#333333;">View All</a></div></td>
  </tr>
</table>


<!------------------------------------------------------->
<!------------------------------------------------------->
<!------------------------------------------------------->

</td>
  </tr>
</table>
</body>
</html>
LVL 1
gyraAsked:
Who is Participating?
 
CtrlAltDlCommented:
Actually my previous comment was incorrect about the comments:
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->

Just remove them.  That seems to be the problem or try this:

<!-- *************************************************** -->
<!-- *************************************************** -->
<!-- *************************************************** -->
0
 
Eternal_StudentCommented:
Could we get a link to this ?

There is plenty wong with this from my initial scan, try and validate the output at w3 and correct that if you can:

http://validator.w3.org/
0
 
gyraAuthor Commented:
http://demo.gyramedia.com/clients.asp

user: demo
pass: demo

if it doesn't work, give it an hour or two. just put in the records in my dns.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
engineroomCommented:
gyra

seems like the problem occurs in firefox on a windows machine as well.
0
 
gyraAuthor Commented:
don't know, does anyone have any idea as to what's going on. In the code the images are obviously there, but it's not showing up. Thanx all.
0
 
CtrlAltDlCommented:
You have a empty row after the dodanis.jpg:

<td style="border: 1px solid #778888; padding: 7px 10px 7px 10px;" align="center"><a href="pictureBase/9604/lg/dodanis.jpg" rel="lightbox(9604)"><img src="pictureBase/9604/th/dodanis.jpg" border="0"></a></td>
</tr><tr>
    </tr>
  <tr>
0
 
CtrlAltDlCommented:
This comment needs a space in it after the begining tag and before the end tag:
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
0
 
CtrlAltDlCommented:
Your ampersands in the HREF's should all be replaced with &amp; and your IMG tags are missing the "alt" attribute.
0
 
gyraAuthor Commented:
Thank you. That was it. The comment tag was throwing it of. Thanx again.

gyra
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.