Solved

thickbox problems

Posted on 2008-06-12
3
1,082 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
ID: 21776870
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
ID: 21777057
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
ID: 31466707
thanks
0

Featured Post

3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

Question has a verified solution.

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

Password hashing is better than message digests or encryption, and you should be using it instead of message digests or encryption.  Find out why and how in this article, which supplements the original article on PHP Client Registration, Login, Logo…
This article will inform Clients about common and important expectations from the freelancers (Experts) who are looking at your Gig.
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…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

831 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