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 Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Help with alignment

Status
Not open for further replies.
samosa

samosa

Technical User
Jul 15, 2005
38
0
0
IT
If you run this html page, you will find out that the left table is overlapping the header titled "Top Bar"
I would like the left table to have the same height as the right.
In other words, I want the white table header with the title "Top Bar" above to sit on top of the left table just like it is sitting on top of the right table.
Also, the the title , "Top Bar" needs to be aligned to the middle.
I can't make that happen.

Please help me urgently!
this is the entire html code:
<html>

<head>

<title>Page Design</title>
<meta name=&quot;keywords&quot; content=&quot;This one page design contains a link to Administration Services, Water Services and Transportation Services&quot;>
<meta name=&quot;description&quot; content=&quot;You will optionally be linked to our portal site and to Public Works site.&quot;>
<meta name=&quot;ROBOTS&quot; content = &quot;All&quot;>

<script language=&quot;javascript&quot;>
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

</script>

</head>

<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>

<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>
<br>
<br>
<br>
<br>
<br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>
</div>

</td>
<td width=&quot;582&quot; valign=&quot;middle&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;5&quot;></td>
<td width=&quot;21%&quot;><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>
</td>

</tr>
<tr>
<td width=&quot;582&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;2&quot; bgcolor=&quot;darkslateGray&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;217&quot; bgcolor=&quot;Azure1&quot;>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot; align=&quot;center&quot;><b>
<font face=&quot;Arial&quot; size=&quot;5&quot; color=&quot;#930303&quot;>
Public Web Site! </font></b></td>
</tr>
</table>
</div>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br><center><a href=&quot; onclick=&quot;NewWindow(this.href,'name','430','230','no');return false&quot;><img border=&quot;0&quot; src=&quot;there.gif&quot; width=&quot;110&quot; height=&quot;34&quot;></a><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#000000&quot;>
<br><br>
<a href=&quot; To Portal Site</a><br>
</font></b></center></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
<td width=&quot;213&quot; valign=&quot;top&quot; height=&quot;416&quot; bgcolor=&quot;slateBLUE&quot; rowspan=&quot;3&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>

</td>
</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;172&quot; background=&quot;map4b.gif&quot;>
<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;365&quot; valign=&quot;middle&quot; height=&quot;20&quot;>
<tr>
<td width=&quot;204&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
</tr>
</table>
</center>

<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;95%&quot; height=&quot;135&quot;>
<tr>
<td width=&quot;50%&quot;><a href=&quot;Link1.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation1</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This link takes you to page1 !! </font></td>
</tr>

<tr>
<td width=&quot;50%&quot;><a href=&quot;Link2.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation2</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This takes you to the second page!! </font></td>
</tr>
</table>
</div>

</td>
</tr>
</table>



<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;25&quot;>
<tr>
<td width=&quot;100%&quot; bgcolor=&quot;#720808&quot; valign=&quot;middle&quot; align=&quot;center&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;761&quot;>
<tr>
<td width=&quot;100%&quot; height=&quot;21&quot; bgcolor=&quot;#FFFFFF&quot; align=&quot;center&quot;><font face=&quot;arial&quot; size=&quot;1&quot;>©Copyright
2002 Public Games</td>
</tr>
</table>

</td>
</tr>
</table>
</form>

</center>

</body>

</html>
 
Sort by date Sort by votes
Ok, I got the Top Bar aligned to center for you.
Hope someone else can help you with the other problem.
here it is:

just copy and paste!!

<td width=&quot;582&quot; valign=&quot;middle&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;21%&quot;><font face=&quot;arial&quot; size=&quot;2&quot;><b><center>Top Bar</center></b></font></td>
</tr>

</table>
 
Upvote 0 Downvote
<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td align=center><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>

<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>
<br>
<br>
<br>
<br>
<br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>
</div>

</td>

</tr>
<tr>
<td width=&quot;582&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;2&quot; bgcolor=&quot;darkslateGray&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;217&quot; bgcolor=&quot;Azure1&quot;>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot; align=&quot;center&quot;><b>
<font face=&quot;Arial&quot; size=&quot;5&quot; color=&quot;#930303&quot;>
Public Web Site! </font></b></td>
</tr>
</table>
</div>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br><center><a href=&quot; onclick=&quot;NewWindow(this.href,'name','430','230','no');return false&quot;><img border=&quot;0&quot; src=&quot;there.gif&quot; width=&quot;110&quot; height=&quot;34&quot;></a><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#000000&quot;>
<br><br>
<a href=&quot; To Portal Site</a><br>
</font></b></center></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
<td width=&quot;213&quot; valign=&quot;top&quot; height=&quot;416&quot; bgcolor=&quot;slateBLUE&quot; rowspan=&quot;3&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>

</td>
</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;172&quot; background=&quot;map4b.gif&quot;>
<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;365&quot; valign=&quot;middle&quot; height=&quot;20&quot;>
<tr>
<td width=&quot;204&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
</tr>
</table>
</center>

<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;95%&quot; height=&quot;135&quot;>
<tr>
<td width=&quot;50%&quot;><a href=&quot;Link1.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation1</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This link takes you to page1 !! </font></td>
</tr>

<tr>
<td width=&quot;50%&quot;><a href=&quot;Link2.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation2</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This takes you to the second page!! </font></td>
</tr>
</table>
</div>

</td>
</tr>
</table>



<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;25&quot;>
<tr>
<td width=&quot;100%&quot; bgcolor=&quot;#720808&quot; valign=&quot;middle&quot; align=&quot;center&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;761&quot;>
<tr>
<td width=&quot;100%&quot; height=&quot;21&quot; bgcolor=&quot;#FFFFFF&quot; align=&quot;center&quot;><font face=&quot;arial&quot; size=&quot;1&quot;>©Copyright
2002 Public Games</td>
</tr>
</table>

</td>
</tr>
</table>
</form>

</center>

</body>

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
Thanks onpnt!
can the green top line be over the left table just like the right also?
Thank you so much!!!
 
Upvote 0 Downvote
my color on this machine is screwed up so I hope you mean the dark color below the white top. All I'm really doing here is segregating the tables from the main table and placing them above to seperate them and give them more control.
here's the top portion with the changes. let me know if this is not what you meant
<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td align=center><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>
<div align=center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td width=&quot;582&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;2&quot; bgcolor=&quot;darkslateGray&quot;> </td>
</tr>
</table>
</div>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>

<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>
<br>
<br>
<br>
<br>
<br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>
</div>

</td>

</tr>
<tr>

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
It did not work.
It stretched the left table and cover the entire page with it.
You are VERY good though!
 
Upvote 0 Downvote
usually if it does that then there is a </tr or </td missing. I'll look thru it and see if I can find one if not I'll try something else.

the reason I think there is a missing or extra tag is because it looks fine in my window, so sense all browsers (even the same versions) read tables differently to the settings of a machine a missing or extra tr or td tag will result in variations for results.
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
I found one extra <TR>
try this and post the results.
<html>

<head>

<title>Page Design</title>
<meta name=&quot;keywords&quot; content=&quot;This one page design contains a link to Administration Services, Water Services and Transportation Services&quot;>
<meta name=&quot;description&quot; content=&quot;You will optionally be linked to our portal site and to Public Works site.&quot;>
<meta name=&quot;ROBOTS&quot; content = &quot;All&quot;>

<script language=&quot;javascript&quot;>
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

</script>

</head>

<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td align=center><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>

<div align=center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td width=&quot;582&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;2&quot; bgcolor=&quot;darkslateGray&quot;> </td>
</tr>
</table>
</div>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>

<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>

<br>
<br>
<br>
<br>
<br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>
</div>

</td>

</tr>


<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;217&quot; bgcolor=&quot;Azure1&quot;>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot; align=&quot;center&quot;><b>
<font face=&quot;Arial&quot; size=&quot;5&quot; color=&quot;#930303&quot;>
Public Web Site! </font></b></td>
</tr>
</table>
</div>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br><center><a href=&quot; onclick=&quot;NewWindow(this.href,'name','430','230','no');return false&quot;><img border=&quot;0&quot; src=&quot;there.gif&quot; width=&quot;110&quot; height=&quot;34&quot;></a><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#000000&quot;>
<br><br>
<a href=&quot; To Portal Site</a><br>
</font></b></center></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</div>
</td>
<td width=&quot;213&quot; valign=&quot;top&quot; height=&quot;416&quot; bgcolor=&quot;slateBLUE&quot; rowspan=&quot;3&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>

</td>
</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;172&quot; background=&quot;map4b.gif&quot;>
<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;365&quot; valign=&quot;middle&quot; height=&quot;20&quot;>
<tr>
<td width=&quot;204&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
</tr>
</table>
</center>

<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;95%&quot; height=&quot;135&quot;>
<tr>
<td width=&quot;50%&quot;><a href=&quot;Link1.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation1</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This link takes you to page1 !! </font></td>
</tr>

<tr>
<td width=&quot;50%&quot;><a href=&quot;Link2.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation2</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This takes you to the second page!! </font></td>
</tr>
</table>
</div>

</td>
</tr>
</table>



<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;25&quot;>
<tr>
<td width=&quot;100%&quot; bgcolor=&quot;#720808&quot; valign=&quot;middle&quot; align=&quot;center&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;761&quot;>
<tr>
<td width=&quot;100%&quot; height=&quot;21&quot; bgcolor=&quot;#FFFFFF&quot; align=&quot;center&quot;><font face=&quot;arial&quot; size=&quot;1&quot;>©Copyright
2002 Public Games</td>
</tr>
</table>

</td>
</tr>
</table>
</form>

</center>

</body>

</html>

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
The darkgreen table (just below the top bar) right now has two problems.
One, it is sitting on top of the left bar but created a white space between and the middle and right tables.
secondly, it is streching from left to right like it should, like it was doing before.
It is kind of in between them.
again thanks for all your help
 
Upvote 0 Downvote
well, I got it to this. the green overlaps the left and right, but there is still a slight line in there. I'll figure that out soon. one question. what are you trying to accomplish with the <DIV>'s. as you see I took them out because they really aren't doing anything. let me know

<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td align=center><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>
<td width=&quot;100%&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;3&quot; bgcolor=&quot;darkslateGray&quot;> </td>

</tr>
<tr>

<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>
<br>
<br>
<br>
<br>
<br>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>


</td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;217&quot; bgcolor=&quot;Azure1&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot; align=&quot;center&quot;><b>
<font face=&quot;Arial&quot; size=&quot;5&quot; color=&quot;#930303&quot;>
Public Web Site! </font></b></td>
</tr>
</table>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br><center><a href=&quot; onclick=&quot;NewWindow(this.href,'name','430','230','no');return false&quot;><img border=&quot;0&quot; src=&quot;there.gif&quot; width=&quot;110&quot; height=&quot;34&quot;></a><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#000000&quot;>
<br><br>
<a href=&quot; To Portal Site</a><br>
</font></b></center></td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<td width=&quot;213&quot; valign=&quot;top&quot; height=&quot;416&quot; bgcolor=&quot;slateBLUE&quot; rowspan=&quot;3&quot;> </td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>

</td>
</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;172&quot; background=&quot;map4b.gif&quot;>
<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;365&quot; valign=&quot;middle&quot; height=&quot;20&quot;>
<tr>
<td width=&quot;204&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
</tr>
</table>
</center>

<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;95%&quot; height=&quot;135&quot;>
<tr>
<td width=&quot;50%&quot;><a href=&quot;Link1.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation1</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This link takes you to page1 !! </font></td>
</tr>

<tr>
<td width=&quot;50%&quot;><a href=&quot;Link2.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation2</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This takes you to the second page!! </font></td>
</tr>
</table>
</div>

</td>
</tr>
</table>



<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;25&quot;>
<tr>
<td width=&quot;100%&quot; bgcolor=&quot;#720808&quot; valign=&quot;middle&quot; align=&quot;center&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;761&quot;>
<tr>
<td width=&quot;100%&quot; height=&quot;21&quot; bgcolor=&quot;#FFFFFF&quot; align=&quot;center&quot;><font face=&quot;arial&quot; size=&quot;1&quot;>©Copyright
2002 Public Games</td>
</tr>
</table>

</td>
</tr>
</table>
</form>

</center>

</body>

admin@onpntwebdesigns.com
 
Upvote 0 Downvote
explanation: the main table did not have a bgcolor set so default to white. this caused due to the rows <TR>'s being slightly messed the white line which in reality was the background showing thru. anyways, here it is hopefully the way you wanted it.
<html>

<head>

<title>Page Design</title>
<meta name=&quot;keywords&quot; content=&quot;This one page design contains a link to Administration Services, Water Services and Transportation Services&quot;>
<meta name=&quot;description&quot; content=&quot;You will optionally be linked to our portal site and to Public Works site.&quot;>
<meta name=&quot;ROBOTS&quot; content = &quot;All&quot;>

<script language=&quot;javascript&quot;>
var win = null;
function NewWindow(mypage,myname,w,h,scroll){
LeftPosition = (screen.width) ? (screen.width-w)/2 : 0;
TopPosition = (screen.height) ? (screen.height-h)/2 : 0;
settings =
'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable'
win = window.open(mypage,myname,settings)
}

</script>

</head>

<body topmargin=&quot;0&quot; bottommargin=&quot;0&quot; leftmargin=&quot;0&quot; rightmargin=&quot;0&quot; marginwidth=&quot;0&quot; marginheight=&quot;0&quot; link=&quot;0000ff&quot; vlink=&quot;#0000ff&quot;>

<center>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;76%&quot; height=&quot;50&quot; colspan=&quot;2&quot; bgcolor=&quot;floralwhite&quot;>
<tr>
<td align=center><font face=&quot;arial&quot; size=&quot;2&quot;><b>Top Bar</b></font></td>
</tr>

</table>
</div>



<!--green bar-->
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;508&quot;>
<tr>
<td width=&quot;100%&quot; valign=&quot;top&quot; height=&quot;42&quot; colspan=&quot;4&quot; bgcolor=&quot;darkslateGray&quot;> </td>
</tr>
<!--end-->

<!--left side bar-->
<tr>
<td width=&quot;183&quot; bgcolor=&quot;IndianRED&quot; rowspan=&quot;5&quot; valign=&quot;top&quot;><br>
<br>
<br>
<br>
<br>
<br>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;160&quot;>
<tr>
<td width=&quot;100%&quot;><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFFFF&quot;>Water Services<br>
<font><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#FFFFFF&quot;><br><br>
</font><a href=&quot;Link1.htm&quot;><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link to a page!<br>
</font></a>
<a href=&quot; face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#FFFF00&quot;>Link To a page</font></a></b></td>
</tr>
</table>
</td>

<!--end-->


<!--middle-->

<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;217&quot; bgcolor=&quot;Azure1&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot; align=&quot;center&quot;><b>
<font face=&quot;Arial&quot; size=&quot;5&quot; color=&quot;#930303&quot;>
Public Web Site! </font></b></td>
</tr>
</table>
</div>
<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;><br><center><a href=&quot; onclick=&quot;NewWindow(this.href,'name','430','230','no');return false&quot;><img border=&quot;0&quot; src=&quot;there.gif&quot; width=&quot;110&quot; height=&quot;34&quot;></a><b><font face=&quot;Arial&quot; size=&quot;3&quot; color=&quot;#000000&quot;>
<br><br>
<a href=&quot; To Portal Site</a><br>
</font></b></center>
</td>
</tr>
</table>

</td>
</tr>
</table>

</td>
<!--end-->

<!--right table-->
<td width=&quot;213&quot; valign=&quot;top&quot; height=&quot;416&quot; bgcolor=&quot;slateBLUE&quot; rowspan=&quot;3&quot;> </td>
</tr>

<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>

</td>
</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;172&quot; background=&quot;map4b.gif&quot;>
<center>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;365&quot; valign=&quot;middle&quot; height=&quot;20&quot;>
<tr>
<td width=&quot;204&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;> </td>
</tr>
</table>
</center>

<div align=&quot;center&quot;>
<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;95%&quot; height=&quot;135&quot;>
<tr>
<td width=&quot;50%&quot;><a href=&quot;Link1.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation1</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This link takes you to page1 !! </font></td>
</tr>

<tr>
<td width=&quot;50%&quot;><a href=&quot;Link2.htm&quot;><img border=&quot;0&quot; src=&quot;blank.gif&quot; width=&quot;160&quot; height=&quot;116&quot;></a></td>
<td width=&quot;50%&quot; valign=&quot;middle&quot;><font face=&quot;arial&quot; size=&quot;2&quot; color=&quot;#930303&quot;><b><a href=&quot;Link1.htm&quot;>Navigation2</a></b></font><font face=&quot;arial&quot; size=&quot;1&quot;><br>
This takes you to the second page!! </font></td>
</tr>
</table>
</div>

</td>
</tr>
</table>



<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; height=&quot;25&quot;>
<tr>
<td width=&quot;100%&quot; bgcolor=&quot;#720808&quot; valign=&quot;middle&quot; align=&quot;center&quot;>

<table border=&quot;0&quot; cellpadding=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;761&quot;>
<tr>
<td width=&quot;100%&quot; height=&quot;21&quot; bgcolor=&quot;#FFFFFF&quot; align=&quot;center&quot;><font face=&quot;arial&quot; size=&quot;1&quot;>©Copyright
2002 Public Games</td>
</tr>
</table>

</td>
</tr>
</table>
</form>

</center>

</body>


</html>

like I said before you can add the DIV's back but they really from my point of view do nothing.

happy programming
admin@onpntwebdesigns.com
 
Upvote 0 Downvote
onpnt, you are SUPER GOOD!
wow!
thank you so very much!
It worked just like my boss wants it.
3 stars to you!!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
338
spamjim
spamjim
CoolBreeze007
  • Locked
  • Question
Unable to make HTML element adjust with the resizing of the browser
Replies
0
Views
43
CoolBreeze007
CoolBreeze007
LyndonOHRC
  • Locked
  • Question
Need advice with printing on check stock
Replies
5
Views
69
LyndonOHRC
LyndonOHRC
caykamanj1966
  • Locked
  • Question
Sorting a grid list using iframe associated with Google Drive
Replies
0
Views
63
caykamanj1966
caykamanj1966
geneg28
  • Locked
  • Question
NEED HELP WITH CREATING LINKS
Replies
6
Views
76
geneg28
geneg28

Part and Inventory Search

Sponsor

Back
Top