Solved

thickbox problems

Posted on 2008-06-12
3
1,078 Views
Last Modified: 2013-12-25
my thick box pop up displays in the lower left hand corner of the browser and it dosent seem to be transparent. i think i have it setup right according to this Site http://jquery.com/demo/thickbox/
but i am stuck can some one take a look for me and point me in the right direction
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script type="text/javascript" src="js/jquery-latest.js"></script> 

<script type="text/javascript" src="js/thickbox-compressed.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>Untitled Document</title>

<!-- TemplateEndEditable -->

<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

<style type="text/css" media="all">

<!--

@import url("../js/thickbox.css");

-->

</style>

<link href="js/thickbox.css" rel="stylesheet" type="text/css" />

</head>
 

<body>

<div class="big"><table width="577" height="375" border="0" align="center" cellpadding="0" cellspacing="10"><tr><td width="142"><table width="983" border="0" cellpadding="0" cellspacing="0">

  <!--DWLayoutDefaultTable-->

  <tr>

    <td width="20" height="63">&nbsp;</td>

    <td width="262">&nbsp;</td>

    <td width="30">&nbsp;</td>

    <td width="671" rowspan="3" valign="top"><div align="center"><img src="images/WVLogo.jpg" width="347" height="168" /></div></td>

  </tr>

  <tr>

    <td height="36">&nbsp;</td>

    <td valign="top"><a href="mailto:rsmith@wvsf.us" class="link">Make an Appointment</a></td>

    <td>&nbsp;</td>

  </tr>

  <tr>

    <td height="69">&nbsp;</td>

    <td>&nbsp;</td>

    <td>&nbsp;</td>

  </tr>

</table>

        <div class="big">

          <table width="577" height="375" border="0" align="center" cellpadding="0" cellspacing="10">

            <!--DWLayoutDefaultTable-->

            <tr>

              <td width="142"><img src="images/Dr. Phillips &amp; Maggie sitting.jpg" alt="" name="test" width="232" height="232" class="box1" id="test" /></td>

              <td width="145">&nbsp;</td>

              <td width="146"><a href="foog.php"><img src="images/Chef Breck at 2004 Fall Food Fest.JPG" width="240" height="232" class="box1" /></a></td>

            </tr>

            <tr>

              <td><img src="images/WV Foundation Golf Photo.JPG" width="232" height="232" class="box1" /></td>

              <td>&nbsp;</td>

              <td><a href="dog.htm?keepThis=true&TB_iframe=true&height=250&width=400" title="add a caption to title attribute / or leave blank" class="thickbox"><img src="images/Walking the Dog.jpg" width="232" height="232" class="box1" /> </a>  </td>

            </tr>

            <tr>

              <td><img src="images/2007 Easter Egg 012.jpg" width="232" height="232" class="box1" /></td>

              <td>&nbsp;</td>

              <td><img src="images/2007 Mardi Gras 010.jpg" width="232" height="232" class="box1" /></td>

            </tr>

          </table>

        </div></td>

      </tr>

</table>

</div>

</body>

</html>

Open in new window

0
Comment
Question by:westminsterit
3 Comments
 
LVL 25

Expert Comment

by:Rouchie
Comment Utility
Hi

I haven't used thickbox, so its hard to see where the issue lies without all the source content and related files.

Can you please post a link to a live page so that it can be inspected with everything in-place?

Thanks.
0
 
LVL 75

Accepted Solution

by:
Michel Plungjan earned 500 total points
Comment Utility
Make sure  the css file is in the js subdir
and then remove

<style type="text/css" media="all">
<!--
@import url("../js/thickbox.css");
-->
</style>

since you also have

<link href="js/thickbox.css" rel="stylesheet" type="text/css" />
0
 

Author Closing Comment

by:westminsterit
Comment Utility
thanks
0

Featured Post

IT, Stop Being Called Into Every Meeting

Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

Join & Write a Comment

JavaScript can be used in a browser to change parts of a webpage dynamically. It begins with the following pattern: If condition W is true, do thing X to target Y after event Z. Below are some tips and tricks to help you get started with JavaScript …
Boost your ability to deliver ambitious and competitive web apps by choosing the right JavaScript framework to best suit your project’s needs.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

728 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now