Problems with Menu in a Table Cell

Post by **Ruth** » Thu Feb 19, 2004 5:53 am

I hate to be the one to give you the bad news.

1. It's not showing in Netscape 4.79....though it should. I uploaded it to my site, everything in one folder and it shows fine, but on your site I get

Bad Request: Your browser sent a request that this server could not understand. The request line contained invalid characters following the protocol string.

2. It is showing in the later versions, netscape 6, 7, and opera 6, 7, and ie5.

3. There's a problem in Netsape 6 easily fixed. You have this code in the table cell where the menu is

Code: Select all

<TD align=middle vAlign=bottom>

That align=middle isn't a valid code there, but Netscape 6 is reading it and putting the menu in the middle of that top table so it goes under the words. Once that's gone it works fine.

4. With the fontsize="80%" in the menu_data.js file, it looks much bigger when i go to the site with any netscape. I would set that to a pixel. I tried 11px, it made the menu seem the same size in Netscape as in IE.

5. It is centering, but for some reason it looked like it wasn't. Drove me nuts, until I realized it's the shield image. The image is 134 px wide, but the shield doesn't sit in the center of it. It sits to the right, so when you use the image on the right side of the page, the menu looks farther from the shield leg because there is more blank space on the left side of the image. If you have a graphics program just flip it horizontally, save it as _right or something and then use that on the right side of the page. If you don't. I already did it with mine so I could check it, and i'd be glad to put the image up for you.

6 THE GOOD NEWS, it does seem to center in the table

how come you're not using the final release? you should, hopefully all this work doesn't change with the newer releases.

Ruth

Justice · Post by **Justice** » Fri Feb 20, 2004 1:03 am

#1 - My Host is having problems with the particular webserver my site is located on. I might apply for a transfer, but that's going to take some time to propagate. They haven't given me any specifics.

#2 - Good.

#3 - That is extremely odd. My copy of the index.html file has the proper code align=center. I haven't been able to find that coding mistake anywhere on my pages. Could you tell me where it showed up?

#4 - I've noticed Netscape makes the font sizes larger than in IE. I've made that change in the menu_data.js file to 12px - let me know if it looks any better.

#5 - I honestly never noticed that problem before. I've stuck center tags in each cell to eliminate the problem.

#6 - YAY!

As to me not using the final release, I'm not one to mess around with things. If it ain't broke on the webpage, for the sake of sanity, don't mess with it! Really, it's just that I downloaded the code a couple months ago and I haven't bothered to get a more recent copy. If it's just a modification of the 3 source files, I might update sometime in the future...yeah, that's it...

Post by **Ruth** » Fri Feb 20, 2004 3:52 am

#3

Code: Select all

<COLGROUP>
  <COL align=middle span=3 vAlign=center></COLGROUP>
  <TBODY>

and

Code: Select all

<TD align=middle vAlign=top width="70%"><IMG 
      src="TitleBar.gif"></TD>

There are others. In first the acceptable align and valign attributes are switched but in the second you are using a valign attribute for align and valign.

#5, centering the item won't solve the problem. I have a hard time putting the visual into text so you can understand what I mean, so here's page where you can actually see it. http://www.poems2u.com/1/b/imageview.htm

Ruth

Justice · Post by **Justice** » Fri Feb 20, 2004 4:45 am

Now I'm really confused. I don't ever use <tbody> tags in my code, and my align attributes are generally enclosed in quotes. The code, as it appears in my index.html file, is exactly this:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<link rel="stylesheet" type="text/css" media="screen" href="Style Sheets/Christmas2.css" />
<head>


<SCRIPT language=JavaScript src="Menus/milonic_src.js" type=text/javascript></SCRIPT>
<script language=JavaScript>
if(ns4)_d.write("<scr"+"ipt language=JavaScript src=Menus/mmenuns4.js><\/scr"+"ipt>");
else _d.write("<scr"+"ipt language=JavaScript src=Menus/mmenudom.js><\/scr"+"ipt>");
</script>

<SCRIPT language=JavaScript src="Menus/menu_data.js" type=text/javascript></SCRIPT>
</head>
<body background="Backgrounds/12a4.gif">

<table border="0" bordercolor="gold" width="95%" cellspacing="0" cellpadding="2" cellborder="0" align="center">

<colgroup>
<col span="3" valign="middle" align="center" />
</colgroup>

<tr>
<td rowspan="2" width="15%" height="124" align="center"> <img src="Images/sh8_swb.gif" height="124" /></td>
<td width="70%" align="center" valign="top"><img src="Backgrounds/TitleBar.gif" /></td>
<td rowspan="2" width="15%" align="center"> <img src="Images/sh8_swb.gif" height="124" /></td>
</tr>

<tr> <td align="center" valign="bottom"> <script>
with(milonic=new menuname("Main Menu")){
style=menuStyle;

alwaysvisible=1;
orientation="horizontal";
position="relative";
itemwidth="10%";
menuwidth="10%";
overfilter="";
aI("text=Home;url=http://www.justiceknight.com;status=Back To Home Page;onbgcolor=#999999;offbgcolor=#E2E2E2;oncolor=gold;");
aI("text=Catholic;showmenu=Catholic;onbgcolor=#007100;oncolor=gold;offbgcolor=#00FF40;oncolor=gold;");
aI("text=Europe;showmenu=Europe;onbgcolor=#999999;offbgcolor=#E2E2E2;oncolor=gold;");
aI("text=Personal;showmenu=Personal;offbgcolor=#3582F4;onbgcolor=#0000FF;oncolor=gold;");
aI("text=Academic;showmenu=Academic;offbgcolor=#E2E2E2;onbgcolor=#999999;oncolor=gold;");
aI("text=Writing;showmenu=Writing;onbgcolor=gold;offbgcolor=#FFFF50;oncolor=white;");
aI("text=Messageboard;url=http://www.justiceknight.com/messageboa ... color=gold;");
aI("text=Special;showmenu=Special;onbgcolor=#FF0000;offbgcolor=#FF6666;oncolor=gold;");
aI("text=Links;url=http://www.justiceknight.com/links.html ... color=gold;");
}
drawMenus();

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

<table border="0" bordercolor="gold" width="95%" cellspacing="5" cellpadding="10" cellborder="0" align="center">

<colgroup>
<col span="3" valign="middle" align="center" />
</colgroup>

<tr>
<td width="15%"><b><center> I hope you all enjoy the new medieval theme on the main page.</center></b></td>
<td rowspan="2" valign="top" width="70%"><center> <h2> Welcome! </h2>
<p> Justice Knight's Castle is currently undergoing a massive reconstruction. For now, enjoy the limited pages I have up. I will eventually get it all together. </center>
<p>
<table align="center" cellpadding="2">

<colgroup>
<col span="3" valign="middle" align="center" />
</colgroup>

<tr>
<td width="35%" valign="middle" align="center"> <h3> <u> Quick Site Links</u><p>
<a href="europe.html"> Europe Trip </a><p>
<a href="Catholic.html"> Catholicism<br>(Updated 1/10) </a><p>
<a href="Gametheory.html"> Game Theory <br> (NEW! 1/16) </a><p>
<a href="gallery/"> Photo Gallery <br>(Updated 12/12) </a></td>
<td width="30%" align="center"> <img src="Images/Peterkeys.jpg" height=375 /></td>
<td width="35%" valign="middle" align="center"> <h3> <u> Passion of the Christ </u><p>
Mel Gibson's movie Passion of the Christ opens on Wednesday, February 25. I encourage everyone to see the film. If anyone is interested, Sub Board is selling discount sneak-preview tickets for February 24.</h3></td>
</tr>
</table>

</td>
<td width="15%" align="center"> <h4>The Daily Mass Readings from EWTN </h4> <p> <a href="http://www.ewtn.com/Devotionals/inspiration.htm"> Click Here </a></td>
</tr>

<tr>
<td align="center"> <p><b> Lent begins with Ash Wednesday on February 25, and goes until Easter Sunday on April 11. Catholics are required to abstain from meat on all Fridays of Lent and Ash Wednesday, and to fast on Ash Wednesday and Good Friday. </b></td>
<td align="center"> <p><h4> The Weekly Standard </h4><p> <a href="http://www.weeklystandard.com"> Click Here </a></td>
</tr>
</table>

<table align="center">
<tr>
<td align="center"><div align="center">
<a href="http://pub19.bravenet.com/guestbook/sho ... 3658&cpv=2">
<img src="http://images.bravenet.com/cp/guestbook.gif" border="0" title="Free Guestbook from Bravenet" alt="Free Guestbook from Bravenet" /></a> <a href="http://websites.milonic.com/bravenet.com"><img src="http://images.bravenet.com/cp/bn-guestbook.gif" border="0" title="Free Guestbook from Bravenet" alt="Free Guestbook from Bravenet" /></a>
<p>
<script language="JavaScript" type="text/javascript" src="http://pub19.bravenet.com/counter/code. ... h4><center> Copyright 2003-2004 by Justiceknight. <br> Prepare ye the way of the Lord.<br> <p> Menu system is made by <a href="http://milonic.com"> Milonic</a><p>This site is best viewed in Internet Explorer 6 under 1024 x 768 Resolution<br>If something looks awkward on your browser, e-mail me so I can fix it</center></h4></div></td>
</tr>
</table>
</body>
</html>

These errors might be on another page, but if so, I really don't know which one it is. I do have a tendency to flip the order in which I place my valign and align tags, so that might be it. I've looked over the existing index.html code, and it looks okay to me. As far as the image, I will try fiddling with it in Photoshop tomorrow.