My name is Tony and I am building a website for myself. I have used CSS for much of the layout and for the most part I like what I have. Unfortunately I have one nagging problem with the main menu that I cannot figure out. I hope that someone can help.
There are other bugs in this, but this is the problem of the day. It is best
viewed using Firefox. I have not made changes to accomodate internet
explorer so I don’t know what it will look like in that browser. That is a
problem for another day.
In short the problem is that the main menu, which is a list of lists that uses
CSS to to make it horizontal, breaks up into two or three rows depending on
which item is selected. In addition in any situation if the refresh button is
hit the menu will be redrawn and be in its desired state, that is horizontal.
The problem can be viewed at: (This forum will not allow me to post a
website in my first post. So that is the reason for the site being defined
www ‘dot’ TonyKubalak ‘dot’ com ‘slash’ newsite.
to this link the page should look okay. When you click the “about the
builder” item it will also display as desired. In fact all menu items except
the “links” one will work as desired. When the “links” item is selected the
menu will be in two or three rows and the middle will be blank. The blank
middle is fine because I am not doing anything other than just trying to get
the menu to remain horizontal. Now click the refresh button. The menu
will now be redrawn as horizontal. Next click the “home” button. The
menu is again broken and the middle section shows the home page. Again
click the refresh button and things will return to the desired look.
The difference is that the menu items other than “links” are implemented
as target links. That is the syntax is xxx#home. You can see the syntax
in either the address bar or the status bar. For the “links” item I am using
xxx?nnnn to pass an argument to the php code. I need this argument to
build the dynamic portion.
The menu items that use the target links are implemented as divisions that
are initialized as invisible in CSS and when the target is selected CSS is
again used to make them visible. The behavior that I want is that all the
content surrounding the middle section is to remain stable and all the
display happens in the middle section. The target items are divisions that
overlay each other and only the one that is selected is made visible.
I would appreciate any thoughts that anyone has on this. I have been trying
to figure out how to fix this for some time and I am not getting anywhere.
Note also the time stamp in the lower left corner. This only updates when
should be interpreted on the client side.
Thanks in advance.