Solved

thickbox problems

Posted on 2008-06-12
3
1,083 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

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

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

Suggested Solutions

Although it can be difficult to imagine, someday your child will have a career of his or her own. He or she will likely start a family, buy a home and start having their own children. So, while being a kid is still extremely important, it’s also …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn how to count occurrences of each item in an array.
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.

765 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