Results 1 to 6 of 6

Thread: broken template

  1. #1
    Join Date
    May 2007
    Posts
    35
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default broken template

    Hi everyone,
    I have a template that is broken and can't figure out how to fix it.
    There is a break between the top part and the blue bar:
    http://www.twu.edu/library/default.htm

    Any suggestions would be greatly appreciated!

    HTML Code:
    <!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>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
    <!-- TemplateBeginEditable name="doctitle" -->
    <title>TWU - No Column Template</title>
    <meta name="description" content="Texas Woman's University, with campuses in Denton, Dallas, and Houston, offers bachelor's, master's, and doctoral degrees to its students in the health sciences, the liberal arts, the fine arts, the sciences, and business." />
    <meta name="keywords" content="texas woman's university, TWU, web guidelines, webspinners" />
    <!-- TemplateEndEditable -->
    <link href="http://www.twu.edu/library/css/screen.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://www.twu.edu/library/css/print.css" rel="stylesheet" type="text/css" media="print" />
    <link href="http://www.twu.edu/library/css/tab_styles.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="http://www.twu.edu/library/css/all2.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="http://www.twu.edu/library/js/TAB_Function_Lib.js"></script>
    </style>
    
    <!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
    <style type="text/css">
    <!--
    #Layer1 {
    	position:absolute;
    	width:186px;
    	height:18px;
    	z-index:3;
    	left: 407px;
    	top: 85px;
    }
    #Layer2 {
    	position:absolute;
    	width:421px;
    	height:30px;
    	z-index:4;
    	left: 603px;
    	top:78px;
    }
    .style1 {
    	font-size: 10px;
    	color: #FFFFFF;
    }
    .style2 {font-size: 10px}
    -->
    </style>
    </head>
    
    <body>
    <table width="100&#37;" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td id="banner"><img src="http://www.twu.edu/library/image/TWU-logo-beige.jpg" alt="TWU - Texas Woman's University" width="430" height="75" border="0" usemap="#Map" />
          <div id="guide_links"> <a href="/default.asp">TWU Home</a> | <a href="/sitemap.asp">A-Z Sitemap</a> | <a href="/directory.asp">Directory</a>
    
    
    
        </div></td>
      </tr>
      <tr>
        <td id="subsite-bar"><!-- TemplateBeginEditable name="bar" -->
        <h1>TWU Libraries</h1>
        <!-- TemplateEndEditable -->
    	<div id="action-links"></div>
    	
    	
        <div id="Layer1"><a href="http://www.twu.edu/library/form/aska_form.htm" class="style2 style1" >Ask A Librarian</a>&nbsp;&nbsp;&nbsp;
    	
    	<a href="http://enterprise.twu.edu/cgi-bin/Pwebrecon.cgi?DB=local&PAGE=REQNOBIB" class="style1" >My Account</a></div>
    	
    	
        <div id="Layer2"><form name="querybox" 
             action="http://enterprise.twu.edu/cgi-bin/Pwebrecon.cgi"  
             method="get" 
             onsubmit="if(document.querybox.Search_Arg.value=='' || 
             document.querybox.Search_Arg.value=='Search the Catalog'){
                alert('Please enter a search parameter.');return false;}return true;"> 
    
       <input type="hidden" value="local" name="DB">  
       <input type="hidden" value="50" name="CNT">  
       <input maxlength="800" size="21" name="Search_Arg"  
    	     value="Search the Catalog" onClick="document.querybox.Search_Arg.value='';"> 				
       <select size="1" name="Search_Code"> 
         <OPTION SELECTED VALUE="FT*">Keyword</OPTION>
                      <OPTION VALUE="TALL">Title</OPTION>
                      <OPTION VALUE="JALL">Journal Title</OPTION>
                      <OPTION VALUE="NAME">Author</OPTION>
                      <OPTION VALUE="CALL_">Call Number</OPTION>
    
                      <OPTION VALUE="SUBJ_">Subject Heading</OPTION>
                      <OPTION VALUE="TKEY"> Title Keyword</OPTION>
                      <OPTION VALUE="JKEY">Journal Title Keyword</OPTION>
                      <OPTION VALUE="CMD*">Boolean Search</OPTION>
                      <OPTION VALUE="TITL">Series Title</OPTION>
    
       </select> 
    <INPUT type="submit" value="Search"> 
    
    </form></div>
      </tr></td>
      </tr>
      <tr>
        <td id="content"><!-- TemplateBeginEditable name="crumbs" -->
        <div id="breadcrumbs"><a href="default.htm">TWU Home</a> </div>
    	
        <!-- TemplateEndEditable -->
     <div id="nav">
    		<table>
    		<tr>
    	<td><h2><a href="http://www.twu.edu/library/research.htm">&nbsp;Research</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twu.edu/library/research.htm"><img src="http://www.twu.edu/library/image/blue_arrow.gif" alt="blue arrow" border="none"/></a></h2>	</td>
    			
    			
    		<td><h2><a href="http://www.twu.edu/library/services.htm">&nbsp;Services</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twu.edu/library/services.htm"><img src="http://www.twu.edu/library/image/blue_arrow.gif" alt="blue arrow" border="none"/></a></h2></td>
    			
    			
    		<td><h2><a href="http://www.twu.edu/library/help.htm">&nbsp;Help</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twu.edu/library/help.htm"><img src="http://www.twu.edu/library/image/blue_arrow.gif" alt="blue arrow" border="none"/></a></h2></td>
    		<td><h2><a href="http://www.twu.edu/library/collection.htm">&nbsp;Collections</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twu.edu/library/collection.htm"><img src="http://www.twu.edu/library/image/blue_arrow.gif" alt="blue arrow" border="none"/></a></h2>			</td>
    		<td class="home" style="border-right: none;"><h2><a href="http://www.twu.edu/library/info.htm">&nbsp;General Info&nbsp;</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="http://www.twu.edu/library/info.htm"><img src="http://www.twu.edu/library/image/blue_arrow.gif" alt="blue arrow" border="none"/></a></h2></style>		</tr>
    		</table>
    
        </div>
    <!-- TemplateBeginEditable name="content" -->
        <p>Content goes here</p>
        <!-- TemplateEndEditable --></td>
      </tr>
      <tr>
        <td id="footer"><p><strong>Texas Woman's University</strong><br />
    	  
    P.O. Box 425528    <br />
          Denton, TX 76204-5528<br />
           (940) 898-3776-Phone<br />
        (940) 898-3809-Fax<br />
        </em>Email: 
    	<a href="http://www.twu.edu/library/form/aska_form.htm">Ask A Librarian</a> </p>
    	  <div id="footer-nav"><a href="/default.asp">TWU Home</a> | <a href="/sitemap.asp">A-Z Sitemap</a> | <a href="/directory.asp">Directory</a> | <a href="/search-options.htm">Search</a> | <a href="/privacy.htm">TWU Privacy Policy</a> | <a href="/accessibility.htm">TWU Accessibility Policy</a></div>
    	<div id="page-updated">
        <!--#include file="web/Templates/scripts/date-updated.asp"-->
    	</div></td>
      </tr>
    </table>
    
    <map name="Map" id="Map">
    <area shape="rect" coords="15,45,70,58" href="file:///X|/MyWeb/web/Templates/default.asp" alt="Texas Woman's University Denton Campus" />
    <area shape="rect" coords="77,46,131,59" href="/dallas/" alt="Texas Woman's University Dallas Campus" />
    <area shape="rect" coords="135,45,200,59" href="/houston/" alt="Texas Woman's University Houston Campus" />
    <area shape="rect" coords="14,17,444,45" href="/default.asp" alt="Texas Woman's University - Denton, Dallas, Houston" />
    </map>
    </body>
    </html>
    Last edited by tech_support; 08-23-2007 at 07:02 AM.

  2. #2
    Join Date
    Jul 2006
    Location
    just north of Boston, MA
    Posts
    1,806
    Thanks
    13
    Thanked 72 Times in 72 Posts

    Default

    what type of "break" are you talking about?
    if you are talking about a little bit of the white showing up between the two elements then that is just a matter of deleting the margin / paddings.

    anything else and you are going to need to please be more specific as to what you are asking.

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You have the #banner (that controls the td) set to 78px height, but the image is only 75.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    May 2007
    Posts
    35
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default thanks!

    fixed it, thanks for the repsonses!

  5. #5
    Join Date
    May 2007
    Posts
    35
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    You have the #banner (that controls the td) set to 78px height, but the image is only 75.
    Thanks, this solved the problem in Firefox but the break is still in IE.
    Any suggestions? Thanks again!

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    You haven't changed it in the live version. It is still messed up in FF there too.

    Once you get that fixed, if you are still having problems, put the style for the height inline:

    Code:
    <td id="banner" style="height:75px;">
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •