Improve company productivity with a Business Account.Sign Up

x
?
Solved

thickbox problems

Posted on 2008-06-12
3
Medium Priority
?
1,098 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 2000 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

Easily Design & Build Your Next Website

Squarespace’s all-in-one platform gives you everything you need to express yourself creatively online, whether it is with a domain, website, or online store. Get started with your free trial today, and when ready, take 10% off your first purchase with offer code 'EXPERTS'.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

These seven tips can help you create an extraordinary website, one that captivates audiences and has them wanting to return regularly for more. Keep reading to find out what your site is missing and what you need to add!
There is a wide range of advantages associated with the use of ASP.NET. This is why this programming framework is used to create excellent enterprise-class websites, technologies, and web applications.
The viewer will learn how to dynamically set the form action using jQuery.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…

608 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