|
HTML - How To Create A Hierarchical Text Menu
I would like to create a hierarchical text menu for my site, that does not require me to have a different menu for each page. I am currently creating UL's for each page then adding that to the page to display the menu.
Example: Creating page called "Sidebar.htm", adding a UL, then using webbot to add that page to the home page: <ul> <li><a href="foundationvents.htm">Automatic Foundation Vents</a></li> <!---<li><a href="#">Home Insulation</a></li> <li><a href="#">Security Systems</a></li> ---> <li><a href="waterheaters.htm">Tankless Water Heaters</a></li> <!---<li><a href="#">Home Windows</a></li>---> </ul> I then create another page called "Sidebar1.htm", and proceed to do the same thing for the next page: <ul> <li><a href="foundationvents.htm">Automatic Foundation Vents</a></li> <!---<li><a href="#">Home Insulation</a></li> <li><a href="#">Security Systems</a></li> ---> <li><a href="waterheaters.htm">Tankless Water Heaters</a></li> <ul> <li><a href="waterheaters1.htm">How do they work?</a></li> <li><a href="waterheaters2.htm">How much can I save?</a></li> </ul> <!---<li><a href="#">Home Windows</a></li>---> </ul> There has got to be an easier and more organized way to create a hierarchical text menu and I would appreciate any suggestions about how to do it. Thanks, Chuck Similar TutorialsHi guys, I can probably work this out once i find out what its called. I need to make a hierarchical navigation bar that shows the user their history. For example, Main Forum>Sub Forum>Post Anyone know what this is called? Thanks Matt Hi all, I have a menu as a list.... <ul> <li><a href="/jsp/forms_center/hr_general.jsp">HR General</a></li> <li> </li> <li><a href="/jsp/forms_center/benefits.jsp">Benefits</a></li> <li> </li> <li><a href="/jsp/forms_center/payroll.jsp">Payroll</a></li> <li> </li> <li><a href="/jsp/forms_center/it_forms.jsp">IT</a></li> <li> </li> <li><a href="/jsp/forms_center/office_forms.jsp">Office Services</a></li> <li> </li> </ul> From this I would like to have a separate sub-menu for each item on the list. For example when they move the mouse over benefits a separate menu should come up showing different benefits. Any suggestions? Thanks in advance for any help, Jehan Hey folks! I guess since I'm new, I can only post in certain catagories. So this is probably not the right place for this thread. (Thats pretty.,uh.....annoying since htmlforums.com is suppose to be a place where people come for help with website construction.) Anyway.,I want to create a drop-down-menu on my pages since I eventually will end up with many. I have a navigation link named 'Archives' on my current pages. I would like to see a drop-down-menu appear when you hover over this link. Can someone please point me to a tutorial on how to do this, or look at my source code/style sheet and show me what to add, and where to add it? (style sheet= http://www.flyfamilyguy.my2gig.com/style.css Thanks! Hey guys, Im relatively new to html, although i have a good amount of college programming experience. What im trying to do is create a static menu (home, about us, products etc.) so that every sub page of the site can reference it without needing the menu code as part of that sub page. This is for obvious reasons: if i want to add a menu item, i dont want to have to add its link to the 'home' page, the 'products' page etc. Hopefully this makes sense. If this has been posted before, i would gladly take a link. I tried searching, but am unsure of the proper query (because i barely know how to explain what i mean in english lol) Any help is just awesome. Thanks, Travis p.s. Im no good with CSS; if there is a way of avoiding them that'd be great. This is hobby, and i will learn if necessary but would prefer not to. Hello How can I create the below drop menu in Front Page I find the drop menu in this page http://www.flynas.com/eng/index.html I want create same the drop menu and same the color on it how can i do this in Front Page thank you I want to sell some stuff over the internet like cloths.... And I use Pagseguro (Its a brazilain thing, like paypal). So, I have this wordpress site, with pagseguro plugin installed on it. To add products on my posts I use the following code to get the Add to cart button. HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="[b]PRODUCTNAME[/b]" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
The thing is, the plugin is really simple. All it does is: show "add to cart" button and the "pay" button. And like I said, I want to sell cloths. To sell cloths there got to be the Sizes: "S""M""L" and color. And what I wanted to do is: Create a form like this: HTML Code: <form name="jump"> <p align="center"> <select name="menu"> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> <option value="URL">Text that will appear in the choices</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"> </p> </form> (I found that on http://personal-computer-tutor.com/dropdownlist.htm) On the options there would be the sizes for my clients to choose. And on the "ADD TO CART CODE" (the first code on the top) on the "PRODUCTNAME" part would be a PHP or something that would gather the clients choice and add it there. So when he press the button the product he chose would show on the cart with the size in parentesis. Like this: HTML Code: <object><form method="post" action="" style="display:inline">
<input type="submit" value="Adicionar ao Carrinho" />
<input type="hidden" name="product" value="Alpinestars (<?php GET FORM VALUE ?>)" /><input type="hidden" name="price" value="PRODUCTPRICE" /><input type="hidden" name="addcart" value="1" /><input type="hidden" name="cartLink" value="<?php the_permalink() ?>" />
</form></object>
(for the button) and if he chooses small it be like this on the shopping cart: Alpinestars (Small) I know its really difficult to understand My english is really bad. But im really sad because I cant do this by any way. Could yall please help me with my problem? Thank You. not sure if i need a js for this but I have a web page using page jump links to navigate a FAQ page. However, I would rather have a drop down menu/form with the links instead of a list of text links. Anybody have a clue? thanks in advance. This is what I have so far as an example... <form name="jump"><select id="select" name="select"> <option value="" selected="selected">Select</option> <option value="#1">Category 1</option> </select></form> <a id="1" name="1"></a> Category 1 Hi Folks, I am new to create static website and HTML. I have created two applications using Asp.net/Visual Studio. I am wondering how i can make static website. I found built in templates on web hosting site is easy to change, I can also try to use Ms Expression Web/Ms Front Page but unable to measure which one is better for maintaing pointing of view. How i can easily create graphics logo. I heard Corel Draw is good one. Do i have to buy licence to upload site built by Ms Expression Web/Ms Front Page. Could any body share his/her experience about creating static website. You help is greatly appreciated. Chao RS I want to make a transparent rectangle with rounded edges to be where I put my text. I already found this: http://www.spacedust.com/scripts/rounded_table/ but I don't know if it'll work. Hello, I have a drop down menu where one of the items is EXTREMELY long, and because of this, the overall size of the drop down box is the size of this item. I found a way to shrink the size of the drop down box via: <style type="text/css"> select {height: 12px; width: 50px; max-height: 12px} </style> This works in shrinking the overall size, but what happens is that the really long item is now longer than the width of the box and the text for the item doesn't wrap around down to the line below. So you don't actually see the whole item in the list. Do you know how I can wrap this item so that the text falls down to the line below? Cheers I have been looking everywhere for code for this. What i have is a list menu where the user will select an item, then i want something to appear in the text box below it, depending on what is selected. I have been looking for 'if statements' but i cant get anything to work. e.g. if the list box "test" is selected then the text box should say "test1". if the list box "test2" is selected then the text box should say "test2" Please can someone help me out. Thanks i would like to allow surfers to access sections of my website directly from the google.com search page here is a example of what i would like to do Hey guys, my first post here. I'm a normal web developer, and know my stuff pretty well. However, there i sone thing that I don't understand, and that is how to make fancy text boxes. I really like how Lockerz.com made their text boxes, and want to make mine like that. The entire rounded rectangle appears to be the box, and the font is large, a sans-serif font, and grey. How is that even possible? I looked into using backgrounds in the CSS, but that didn't work. If anyone knows anything, please post it here haha Thank you in advanced How to create explorer like menu in Html or java script? eg + Game(inside this Cricket and Football) when click on + sign it become like-- - Game -Cricket -Football Can anybody suggest me, by which command I can do it? Commercial Removals || Removals and Storage||Specialist Removals Hi, I am creating a form in which i have a dropdown menu. According to the selection(s) in drop down menu, that many text field(s) should be shown below that drop down menu. Have a look at this code... <html> <head> <title> Sample Application </title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script> function callMe() { if(document.MyForm.dropDownValue.value != ""){ document.getElementById("txtBox").style.visibility = "visible"; } else{ document.getElementById("txtBox").style.visibility = "hidden"; } } </script> </head> <body> <form name="MyForm"> <table> <tr> <td> <select name="dropDownValue" onchange="callMe();"> <option value="">--None--</option> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> </select> </tr> <tr id="txtBox" style="visibilty:visible"> <td> Enter Your Value He </td> <td> <input type="text" name="txtEntry" value=""> </td> </tr> </table> </body> </html> : the problem is: when I select 2, it suppose to show 2 text fileds and 3 when i select 3 accordingly. I am new to this stuff...so,can any one help me out ASAP pls?? thanks , i will be waiting for your reply... -S im creatinh a box containing a text. The box must be wide enough to fill a text. menu.style.width = tekst.length - this functioin gives the number of letters in text. So if the text is "hello" then the width is 5 pixels. But i need the widith of pixels needed to fit the text in a box. How can i do that? I am trying to get rid of the "You have to click to activate this function" mumbo jumbo for a site I am doing. I tried following these directions... http://www.adobe.com/devnet/activeco...devletter.html but am having a rough time getting it to work... here is my code. Code: <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','900','height','140','src','GoodDock','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','GoodDock' ); //end AC code </script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="900" height="140"> <param name="movie" value="images/GoodDock.swf" /> <param name="quality" value="high" /> <embed src="images/GoodDock.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="900" height="140"></embed> </object></noscript> Hello, I'm new to this forum, so first, hello! Actually, I'm new to web design in general but have taken on the role at the church I work at because our old site was a mess. I downloaded some nice looking templates and have been using them as a foundation. The site is www.miamibc.com. If you go there and look at the header menu (home, about us, etc), I want to consolidate that menu some and add a drop down menu with more choices. Is there a way I can do this while keeping it looking the way it does now? If you need any more info from me, let me know. Thanks for your help! Ben I am looking to sell -shirts on Ebay and I would like to be able to point customers to my ebay store by links on the auction page similar to this seller here. http://<br />
http://cgi.ebay.com/C...QQcmdZViewItem Can someone tell me how to create something similar to what this seller has posted at the top where the blinking letters read Click on your size with the shirt sizes just to the right of that? Thank you! I have several websites that I maintain and update. A lot of them are just textual changes and I would think my customers can do these themselves by editing a simple .txt file. I was hoping my choices are avalable so that I can just insert this tag into my web pages and then give them login info to their edit page or show them how to upload the .txt file. I hope this is an easy one with several answers. Is it possible these tags could discipline your rankings in the search engines? Thanks, Jason |
|||||||