Help with borders!

[confused25]

Hey, i have a simple layout of a site I am doing....anywho

here is a link to the layout

http://www.rmoreenclarke.com/index3.asp

if you look at the right middle border, it is inconsistent with the right-top and right bottom border, they are all the same widths....for some reason I cannot find the problem and it is hurting my eyes reading the html over and over again...need someone else's eyes to point out my flaw...


here is the css

<!--

BODY {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color : #ffffff;
	margin: 0px
	
}



H1  {
       vertical-align: bottom;
       letter-spacing: 1px; 
       text-align: center;
       font-size: 12pt;
       color: #000000;
       background-color: #ffffff

}



p  {
       text-align: center;
       padding-top: 13px;
       padding-left: 13px;
       padding-right: 13px;
       line-height: 145%;  
       font-size: 9pt;
       color: #000000;
       background-color: #ffffff
}


p.indent  {
       
       text-indent: 40px;
       text-align: center;
       padding-top: 13px;
       padding-left: 13px;
       padding-right: 13px;
	   padding-bottom: 13px;
       line-height: 150%;
       font-size: 9pt;
       color: #000000;
       background-color: #ffffff;
       border-width: 1 0 0 0;
       border-style:  dashed;
       border-color: #000000

}


b  {
       font-weight: 500;
       text-decoration: none;  
       font-size: 10.5pt;
       color: #3f4d58;
       background-color: #ffffff;
}


#copyright  {
       font-size: 7pt;
	   color: #000000;
	   background-color: none;
	   
}


td.leftnav   {
       border-width: 0 1 0 0;
       border-style:  solid;
       border-color: #000000
}



td.upbx   {
       border-width: 1 1 1 0;
       border-style:  solid;
       border-color: #000000
}


td.rightupbox  {
       border-width: 1 0 1 0;
       border-style:  solid;
       border-color: #000000;
       background: url(&quot;images/rightln.gif&quot;) #cad3df 
}



td.rightside   {
       border-width: 0 0 0 1;
       border-style:  solid;
       border-color: #000000;
       background: url(&quot;images/rightln.gif&quot;) #cad3df
}


td.botbord   {
       border-width: 1 1 0 0;
       border-style:  solid;
       border-color: #000000;
       background: url(&quot;images/botline.gif&quot;) #b4bcc7 
}


td.botbordtwo   {
       border-width: 1 0 0 0;
       border-style:  solid;
       border-color: #000000;
       background: url(&quot;images/botline.gif&quot;) #b4bcc7 
}


table.maininfo  {
       border-width: 1 1 1 1;
       border-style:  solid;
       border-color: #000000
}




-->

 

[vvlad]

I think you can see what is wrong if you make

cellSpacing = 10
border = 10

for the outer table.


A solution could be a new style,

TD.rightside2
{
BORDER-RIGHT: #000000 0px solid; 
BORDER-TOP: #000000 1px solid; 
BACKGROUND: url(images/rightln.gif) #cad3df; 
BORDER-LEFT: #000000 1px solid; 
BORDER-BOTTOM: #000000 1px solid
}

and to change 2 lines of code, for the first line of the table:

replace

<TD class=upbx width=602 bgColor=#cad3df colSpan=3>

with

<TD class=upbx2 width=602 bgColor=#cad3df colSpan=3>

and

<TD class=upbx2 width=79 bgColor=#cad3df>

with

<TD class=rightside2 width=79 bgColor=#cad3df>

Vlad

 

[confused25]

thanx Vlad! I forgot to change the styles for each one...