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!

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

Please rescue me again

Status
Not open for further replies.

samosa

Technical User
Jul 15, 2005
38
0
0
IT
My boss did not like the codes you spent your time helping me with yesterday, Tarwn, onpnt and the rest of the gurus.
He came up with his.
I have almost got it where he wants it but I am having two problems.
One, the the title , Top Bar needs to be aligned middle.
I can't make that happen.
Also, I would like the left table to have the same height as the right.
In other words, I want the white table above to sit on top of the left table just like it is sitting on top of the right table.
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>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
</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;>&nbsp;</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!&nbsp;&nbsp;&nbsp;</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;>&nbsp;</td>

</tr>
<tr>
<td width=&quot;369&quot; valign=&quot;top&quot; height=&quot;27&quot; background=&quot;admin.gif&quot;>
&nbsp;
</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;>&nbsp;</td>
<td width=&quot;157&quot; bgcolor=&quot;#C61B1B&quot; align=&quot;left&quot; valign=&quot;middle&quot;>&nbsp;</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 !!&nbsp; </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!!&nbsp; </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;>&copy;Copyright
2002 Public Games</td>
</tr>
</table>

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

</center>

</body>

</html>
 
Hi,
heres my two penny worth and maybe its what u need

<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>
<div align=&quot;center&quot;>
<center>
<table border=&quot;0&quot; cellspacing=&quot;0&quot; width=&quot;765&quot; id=&quot;AutoNumber1&quot; cellpadding=&quot;0&quot;>
<tr>
<td width=&quot;100%&quot;>
<p align=&quot;center&quot;>Title Bar Here i.e.White Table</td>
</tr>
</table>
</center>
</div>
<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;4&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>
 
thanks a lot for your efforts but it is resolved now.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top