?
Solved

Doesn't work on mac

Posted on 2006-05-22
9
Medium Priority
?
192 Views
Last Modified: 2010-04-09
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>
0
Comment
Question by:gyra
9 Comments
 
LVL 18

Expert Comment

by:Eternal_Student
ID: 16740673
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
 
LVL 1

Author Comment

by:gyra
ID: 16741865
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
 
LVL 3

Expert Comment

by:engineroom
ID: 16746216
gyra

seems like the problem occurs in firefox on a windows machine as well.
0
Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
LVL 1

Author Comment

by:gyra
ID: 16746222
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
 
LVL 14

Expert Comment

by:CtrlAltDl
ID: 16747115
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
 
LVL 14

Expert Comment

by:CtrlAltDl
ID: 16747127
This comment needs a space in it after the begining tag and before the end tag:
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
0
 
LVL 14

Expert Comment

by:CtrlAltDl
ID: 16747134
Your ampersands in the HREF's should all be replaced with &amp; and your IMG tags are missing the "alt" attribute.
0
 
LVL 14

Accepted Solution

by:
CtrlAltDl earned 2000 total points
ID: 16747173
Actually my previous comment was incorrect about the comments:
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->
<!-- --------------------------------------------------- -->

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

<!-- *************************************************** -->
<!-- *************************************************** -->
<!-- *************************************************** -->
0
 
LVL 1

Author Comment

by:gyra
ID: 16748087
Thank you. That was it. The comment tag was throwing it of. Thanx again.

gyra
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
The first step to building an amazing About page is to figure out what you want the page to say about your company. You then must grab the attention of the reader, boast a bit, tell a story and let others brag about you. With a little bit of thought…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

862 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question