Log in

View Full Version : broken template



jianxin9
08-22-2007, 03:59 PM
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!



<!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>

boogyman
08-28-2007, 01:35 AM
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.

jscheuer1
08-28-2007, 02:39 AM
You have the #banner (that controls the td) set to 78px height, but the image is only 75.

jianxin9
08-29-2007, 02:13 PM
fixed it, thanks for the repsonses!

jianxin9
08-29-2007, 02:37 PM
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!

jscheuer1
08-29-2007, 03:58 PM
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:


<td id="banner" style="height:75px;">