Extra border line.

[Morgoth]

Good Eve to you all,

I am having, not a big problem, but an odd one.

For a table I have made, there seems to be an extra border line on the bottom, and I have no idea why.

Picture:
http://24.226.62.28/images/ebl.jpg

Code:

<table cellpadding="0" cellspacing="0" align="center" class="B">
<tr>
<td align="center" bgcolor="#FFFFFF">
<table cellpadding="0" cellspacing="0" width="100%" height="100%" class="T">
<tr>
<td align="right" valign="top"><font size="3"><b>Comment Panel</b></font></td>
<td align="right" valign="bottom" width="33%"><a href="admin.asp"><span class="A">admin</span></a></td>
</tr>
<tr>
<td align="center" colspan="2">
<font size="1">10 second wait period after you post.<br>I assure you this thing works, please say more then one word.</font>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="1" bgcolor="#999999" colspan="2"></td>
</tr>
<tr>
<td align="left" valign="top" bgcolor="#000000">
<div class="C">> Text</div>
</td>
</tr>
<form name="CP" action="cpsubmit.asp" method="post">
<input type="hidden" value="b" name="tablecp">
<tr>
<td bgcolor="#999999"><input class="S" type="text" maxlength="150" name="comment"></td>
</tr>
</form>
</table>


Now as you can see, when you use this code yourself, it will not be showing exactly what it looks like due to the fact you don't have the style tags.

Style:

<style type="text/css">
<!--
Body {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.A {
font-family:Tahoma,verdana;
font-size: 7pt;
text-decoration: none
}
.B {
border: 1px solid #999999;
}
.T {
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
font-family:verdana;
font-size: 8pt;
font-weight:medium;
}
.C {
overflow: auto;
background-color:#FFFFFF;
color:#000000;
width: 450;
height: 170;
padding: 0px 0px 0px 0px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
line-height:105%;
font-family:verdana;
font-size: 8pt;
font-weight:medium;
}
.S {
background-color:#FFFFFF;
color:#000000;
width:100%;
padding: 0px 0px 0px 0px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
font-family:verdana;
font-size: 8pt;
font-weight:medium;
}
-->
</style>


And if you just want to see the code in action, just view it here:
(shameless site plug, but is it really a site?) http://24.226.62.28/


If you can please test any solutions you wish to offer before posting them, it would really prevent problems. Thank you for helping me understand why that extra border line is there...

[Nightfire]

Looks like it's the form to me

</tr>
<form name="CP" action="cpsubmit.asp" method="post">
<input type="hidden" value="b" name="tablecp">
<tr>
<td bgcolor="#999999"><input class="S" type="text" maxlength="150" name="comment"></td>
</tr>
</form>


Shouldn't use that ;)

Try


</tr>
<tr>
<td bgcolor="#999999"><form name="CP" action="cpsubmit.asp" method="post"><input type="hidden" value="b" name="tablecp"><input class="S" type="text" maxlength="150" name="comment"></form></td>
</tr>


Then in your CSS,

form{
margin:0px;
}


But I don't even think the form will work that way in NS either, from what I read a year ago or so, you will have to put your whole table inside the form tag :confused: but that may have changed by now, I don't know

[Morgoth]

Well, puting my form tags on the outside of the table is usually what I do, but it doesn't matter anymore.. I found the problem..
The Input box causes two spaces, one above, and one below.. and the sencond border is really just one border.

So it's the input box..

Thank you for your help...

[Morgoth]

AHH!

So all I have to is make:


.B {
border-top: 1px solid #999999;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}


But remove "border-bottom: 1px solid #999999;"

IT WORKS!

http://24.226.62.28/

thanks again!