I am working on a Domino website making some changes to it to make it more useable and look better. It currently has a simple navigator at the top that has been written in Javascript, it offers several drop down menus across the top of the page. One of the requirements for this site is that it can be indexed by search engines and I believe that the navigator they currently have is blocking this as it’s not text based. I want to create a navigator that uses CSS and an unordered list to display the menu.
I’ve written the code for the menu and it works fine locally but as soon as I put it on the Domino server it stops working. This is because the Doctype that Domino puts at the top of every page is simply . For the CSS navigator to work, I need this to say something like .
I know there is a server-side setting in domino you can change to get it to output like this but we use a hosting firm in the US and changing the server settings is not an option. This leaves the only other alternative as far as I can see; change the form’s content type in Designer to be HTML. I can then have control over the doctype tag and the navigator works properly. The only problem with this is that the client wants a content management solution where they can create pages with Rich Text in them and have domino reliably reproduce them on the web. If this navigator goes across the top of each page on the site, I have to change the forms that use it to be HTML content type in designer, and then the Rich Text fields aren’t reproduced on the web. I offered to show these content pages with RTF data in a popup window but the client doesn’t want to loose focus on their site.
I have tried using a frameset where the top frame calls a form with just the navigator on it in HTML type, and then the bottom frame uses another form where the content type is Notes but this isn’t really suitable; as soon as you hover over the navigator and the drop down menu appears, it goes beneath the lower frame and you can’t see the options in the list.
Is there a better way to implement something like this where I am not restricted form using valid CSS ?