|
Making a new site...Questions
Was working on my new site due to all the nasty grams concerning the name of my old site. :rolleyes:
Anyway, was wondering what y'all think about the header area. I'm trying to use as little "template" stuff as possible and go with my own photos or creations. http://img.photobucket.com/albums/v6...ublimeHome.gif And for you code gurus...The menu shown above will be a drop down menu with cascading sub-menus when I am done. It will follow this structure, with some ad ins later on... http://img.photobucket.com/albums/v6...uStructure.gif But for now, it don't seem to work. It merely links me to the menu page. I am using link bars provided by Frontpage 2003, and the JS code and steps provided here to make it cascade. It changes everything, and comes up with errors... http://msdn2.microsoft.com/en-us/lib...ffice.11).aspx If it doesn't show up for you, I'll get it here some how. (I had to sign in to view it, LMK) Ideas, feedback, it's all good. I'll get it eventually though. Still have plenty of time. Thanks Rick |
In case the link above wants you to sign in, heres the script...
[Example]..... <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <LINK REL="StyleSheet" HREF="menu.css"> <script language="javascript" src="menu.js"></script> </head> <body> <h1 align="center">Main Heading</h1> <!-- MAIN MENU START --> <table class="navbar" width="800"> <tr> <td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);"> <p>Menu 1</p> <div class="menuNormal" width="155"> <table class="menu" width="155"> <tr> <!-- SUBMENU 1 START --> <td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout="collapse(this);">Item 1 ... <div class="menuNormal" width="150"> <table class="menu" width="150"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 2</a> </td></tr> <tr> <!-- SUB SUBMENU START --> <td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout="collapse(this);">Subitem 3 ... <div class="menuNormal" width="150"> <table class="menu" width="150"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 4</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 5</a> </td></tr> </table> </div> </td> <!-- SUB SUBMENU END --> </tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 4</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 5</a> </td></tr> </table> </div> </td> <!-- SUBMENU 1 END --> </tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 3</a> </td></tr> <tr> <!-- SUBMENU 2 START --> <td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout="collapse(this);">Item 4 ... <div class="menuNormal" width="150"> <table class="menu" width="150"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 4</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 5</a> </td></tr> </table> </div> </td> <!-- SUBMENU 2 END --> </tr> </table> </div> </td> <!-- MENU 1 END --> <!-- MENU 2 START --> <td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);"> <p>Menu 2</p> <div class="menuNormal" width="155"> <table class="menu" width="155"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 1</a> </td></tr> <tr> <!-- SUBMENU 3 START --> <td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout="collapse(this);">Item 2 ... <div class="menuNormal" width="150"> <table class="menu" width="150"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 4</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 5</a> </td></tr> </table> </div> </td> <!-- SUBMENU 3 END --> </tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 4</a> </td></tr> </table> </div> </td> <!-- MENU 2 END --> <!-- MENU 3 START --> <td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);"> <p>Menu 3</p> <div class="menuNormal" width="155"> <table width="155" class="menu"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 4</a> </td></tr> </table> </div> </td> <!-- MENU 3 END --> <!-- MENU 4 START --> <td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);"> <p>Menu 4</p> <div class="menuNormal" width="155"> <table width="155" class="menu"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 1</a> </td></tr> <tr> <!-- SUBMENU 4 START --> <td class="menuNormal" width="154" onmouseover="expand(this);" onmouseout="collapse(this);">Item 2 ... <div class="menuNormal" width="150"> <table class="menu" width="150"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 4</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Subitem 5</a> </td></tr> </table> </div> </td> <!-- SUBMENU 4 END --> </tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 4</a> </td></tr> </table> </div> </td> <!-- MENU 4 END --> <!-- MENU 5 START --> <td class="menuNormal" width="160" onmouseover="expand(this);" onmouseout="collapse(this);"> <p>Menu 5</p> <div class="menuNormal" width="155"> <table class="menu" width="155"> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 1</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 2</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 3</a> </td></tr> <tr><td class="menuNormal"> <a href="page.htm" class="menuitem">Item 4</a> </td></tr> </table> </div> </td> <!-- MENU 5 END --> </tr> </table> <!-- MAIN MENU END --> </body> </html> ....[/Example] |
|
Two things...
1) Frontpage isn't even a half way decent software choice for programming web sites. It will not be W3C web compliant nor will it be cross browser compatible. The code you posted that it made makes me shudder. 2) Javascript (your drop down menus) is very touchy. Their are other solutions you can use for what you're looking for. The code that Frontpage made for the Javascript menus doesn't even look right. |
Quote:
I've actually been messing around with it, and managed to clear out all the text boxes underneath, but still haven't gotten the drop downs to work properly. But I'm tenacious, so figure it out I will. :yesnod: Should I have mentioned that this requires 3 files? A menu.js, menu.css, and menu.htm in order for it to work properly? But it still don't. :rofl: Must be an easier way. Feel free to point me in the right direction. I am open to ideas. My last site was pretty cut and dry, and I used no jscript, except to block copying. So it worked more than great for a first try ever, not knowing any of this stuff. So I decided to try something a bit more complicated this time for the learning curve... I think easier could be better right about now. ;) Rick |
I can not tell you what program to use as I do not like any of them. Hard coding is the way I go.
there is a good site I know of to get code snippets from is http://www.programmingtalk.com/index.php |
Thanks Gary! I'll look into that for sure this weekend when I have more time.
I did find this site also that has some interesting stuff along the lines of what I'm trying to do, but haven't really spent much time looking yet. http://www.dynamicdrive.com/ Thanks again! |
When I first started my website, I made some drop down menus using Macromedia Fireworks. They worked perfectly, but I removed them in favor of old fashioned text links because at the time compatibility was much more of a concern.
However, Fireworks did the job well with a small learning curve. I still use it from time to time to make buttons and such, but for my site I just prefer to keep it simple. I'm slow about getting it updated anyway due to time constraints, and I just don't want to have to dedicate even more time to make it "flashy". |
Fireworks and Dreamweaver are both excellent programs and are user friendly, although as with anything computer related, it takes time to learn all the bells and whistles of the programs. Let me know if you need copies, I can burn you some.
|
Quote:
|
| All times are GMT -4. The time now is 08:33 PM. |
Powered by vBulletin® Version
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.