Solved

thickbox problems

Posted on 2008-06-12
3
1,084 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Industry Leaders: 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!

Question has a verified solution.

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

Because your company can’t afford for you to make SEO mistakes, you’ll want to ensure you’re taking the right steps each and every time you post a new piece of content. This list of optimization do’s and don’ts can help you become an SEO wizard.
FAQ pages provide a simple way for you to supply and for customers to find answers to the most common questions about your company. Here are six reasons why your company website should have a FAQ page
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

756 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