Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Why the excessive spacing?

Status
Not open for further replies.
plantfinder

plantfinder

Technical User
Sep 27, 2002
64
US
I've got a table with 4 cells in a column. I have text in each cell but for some reason there is is excessive spacing between the text in adjacent cells although it looks fine in dreamweaver and I can't see anything in the html that would indicate a paragraph return or anything like that. After the cell that contains the text"Our Racks" there is excessive spacing as if there were about 3 or 4 paragraph returns before the text begins in the cell below with "Shop for Our racks" Here is the Code and css that I used. Thanks for your help


}
.NewNavListHeading {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: 663300;
}
.NewNavList {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: lighter;
color: 663300;
}
.NewNavList a:link {
text-decoration: none;
color: #663300;
}
.NewNavList a:visited {
text-decoration: none;
color: #663300;
}
.NewNavList a:hover {
color: #003366;
text-decoration: none;
background-color: #CC9933;
}

<tr>
<td height="21" valign="top" class="NewNavListHeading">Our Racks </td>
</tr>
<tr>
<td height="74" valign="top"><p class="NewNavList"><a href="/racks.htm">Shop for our Racks</a><br>
<a href="/rackdetails.htm">Case Rack Details</a> <br>
<a href="/racks.htm#profile">Pro File Wall Rack<br>
Testimonials</a><br>
<a href="../customer_photos.htm">Customer Photos </a></p>
</td>
</tr>
<tr>
<td height="23" valign="top" class="NewNavListHeading">Other Products</td>
</tr>
<tr>
<td height="115" valign="top" class="NewNavList"><a href="/other_stands.htm">Guitar Stands</a><br> <a href="/other_HS_cases.htm">Guitar Cases</a><br> <a href="/other_HS_cases.htm">Hardshell Cases </a><br> <a href="/other_coffin.htm">Coffin Cases</a><br> <a href="/other_gig_bags.htm">Gig Bags</a> <br> <a href="/other_bass.htm">Bass Cases</a> <br>
<a href="/other_flight.htm">Flight Cases</a></td>
</tr>
<tr>
<td height="116" valign="top" class="NewNavList">&nbsp;</td>
</tr>
</table></td>



 
Sort by date Sort by votes
Your code snippet looked fine to me in IE6 in a document with an html transitional doctype.
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>Test Table</title>
</head>
<style type="text/css">
.NewNavListHeading {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #663300;
}
.NewNavList {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: lighter;
    color: #663300;
}
.NewNavList a:link {
    text-decoration: none;
    color: #663300;
}
.NewNavList a:visited {
    text-decoration: none;
    color: #663300;
}
.NewNavList a:hover {
    color: #003366;
    text-decoration: none;
    background-color: #CC9933;
}

</style>
<body>
<div>
<table border="1" width="95%">
<tr>
          <td height="21" valign="top" class="NewNavListHeading">Our Racks </td>
        </tr>
        <tr>
          <td height="74" valign="top"><p class="NewNavList"><a href="/racks.htm">Shop for our Racks</a><br>
              <a href="/rackdetails.htm">Case Rack Details</a> <br>
              <a href="/racks.htm#profile">Pro File Wall Rack<br>
              Testimonials</a><br>
              <a href="../customer_photos.htm">Customer Photos </a></p>
          </td>
        </tr>
        <tr>
          <td height="23" valign="top" class="NewNavListHeading">Other Products</td>
        </tr>
        <tr>
          <td height="115" valign="top" class="NewNavList"><a href="/other_stands.htm">Guitar Stands</a><br>          <a href="/other_HS_cases.htm">Guitar Cases</a><br>            <a href="/other_HS_cases.htm">Hardshell Cases </a><br>            <a href="/other_coffin.htm">Coffin Cases</a><br>            <a href="/other_gig_bags.htm">Gig Bags</a>          <br>            <a href="/other_bass.htm">Bass Cases</a>          <br>          
              <a href="/other_flight.htm">Flight Cases</a></td>
        </tr>
        <tr>
          <td height="116" valign="top" class="NewNavList">&nbsp;</td>
        </tr>
        </table>
</div>
</body>
</html>

Greg
"Personally, I am always ready to learn, although I do not always like being taught." - Winston Churchill
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

KevinFSI
  • Locked
  • Question
Why do these two strings equal each other? 3
Replies
3
Views
112
cfSearching
cfSearching
clearwave
  • Locked
  • Question
Timesheet entry form that auto-fills the Date range?
Replies
4
Views
125
clearwave
clearwave
Rupert55
  • Locked
  • Question
Why is Template code is different when applied to page?
Replies
2
Views
97
Rupert55
Rupert55
Mfho1
  • Locked
  • Question
Implementing A Search Using Verity via the Administrator (CF Version 7)
Replies
0
Views
61
Mfho1
Mfho1
MDEJAKE
  • Locked
  • Question
textarea (WYSIWYG text editor) - the html code generated won't save into my DB table.....
Replies
6
Views
130
LyndonOHRC
LyndonOHRC

Part and Inventory Search

Sponsor

Back
Top