HTML - How To Create A Static Menu?
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. Similar TutorialsHi 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 Please i would like to know how i can create a side menu that would actually be independent of the content of the page. What i normally do is insert a table and split it into two, one for the menu and the other for the content, but i always struggle with setting the menu t align properly with the content, since many at times the content is always more than the menu, it would bring the menu lower than where i want it to be, please is there anyway i cant create a menu that is not going to move irrespective of the length on the content section. 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! 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 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 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 I have managed to create a div to insert my banner But I have another problem: when I clicked to see my favorites the div banner which I inserted moves, is there anyway to make the div code static? I have tried adding the following code: HTML Code: #adsense-container { position: static; But once this code has been uploaded the banner is re-positioned to the left and is unable to use the X / Y axis to position the it. Can anyone help? I am working on this page http://www.thenewmonarchs.com/home.html If you scroll down (depending on your screen's resolution) you will see a little white bar with links over it located on the left-hand side of the page. I could not for the life of me find any help on google, so I came here. Hopefully this isn't too ambitious of a first post... I need to find a way to get that white bar (which is an image) and the links over it to be static on the page. If there is any help I can get, I would greatly appreciate it. hello, im wondering if any1 knows a css, java or html script that can help me out i would like to have a background move with my screen so if my site visitor scrolls down to read more the background moves with them, i looked on google for a bit but couldnt find 1then i saw this forum thought maby some1 might be able to help me out here Thanks 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 Hello All, This is my first post to HTMLforums, and I apologize if it makes me look like a buffoon. I have been working with Adobe Dreamweaver 5 for about six months now, teaching myself as I go, and am beginning to get the hand of basic coding. I am, at present, creating a website and cannot figure out how to create a Flash Banner (that would have picture on the left, logo in the center and a media player on the right; though I will build that in a separate program) that is always present so that the music playing doesn't restart. Basically, the links in the Banner would be "Home", "About", "Tour" and so on, and I would want, when someone clicks on the link, for the banner to remain but the content below to change to that page (all of those pages are currently separately HTML pages with the same code for the heading and the CSS stylesheet). I assume that for the link element I would need to incorporate some kind of _self tag with the link, but I do not know where to place it. Also, i do not know how to "anchor" the banner so that it is always there and not reloading every time someone changes pages. Any insight or advice would be much appreciated! Thanks, and best to everyone, BarabasKid Hi I'm a little confused about the bottom "application" bar on facebook. It appears to be static, meaning it does not "reset" whenever you visit a new page (if you have a chat session going on, for example). The only way I can see this is coded, is by placing the bar in a div on top of the content in an iframe. The source code is kindda confusing, so I can't really figure this one out. Anybody know if this is in fact the case? Best regards sorenchr hello everyone. I'm a newbie at this HTML stuff. I've made my first webpage and everything is working fine. I added some .SWF files and placed them where I wanted using <div> coding. My problem is whenever you resize the browser window, the flash movies move with it, they "float" over the rest of the page. How do I make them stay static when you resize the window? Could someone please help me with this problem? I appreciate it very much. Hello. I'm a newbie here. I've been asked to design a web site for a club I'm involved with. Unfortunately they have purchased a cheap hosting package, so I have no Java/JSP, no PHP and no MySql. Pure static pages only. Sigh. I've found a nice looking template I can use - has nice drop down menus for navigation etc. It doesnt use frames. Now, since I want to navigate between half a dozen content pages, it seems that each of my pages has to contain all the common stuff - the menu, sidebars, etc. I'd kill for an <import src="..."/> tag :-) So, are there any design patterns that will allow me to achieve templating of all the menus and common code? Alternatively, are there any code-time coding tools that will generate run-time static pages based on templates? Any advice welcome. Thanks. imo. Please, how to make static web page? What best to make it in? I have to put in logo at top then text? Will it show same in browsers? Please help Hello, I have a website constructed with tables since I haven't had the time to learn CSS. When the browser window gets resized, the table disappears and moves below my ad (aligned left). I want my table to NOT move even if the browser window is resized. I am able to achieve this by "converting tables to layers" but I don't like how it makes my site look and it messes up the format of some of my content. The code is: <table width="800" border="1" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"><div align="center"><a href="index.htm"><img src="images/banner.png"width="800" height="120" border="0"></a> </div></td> </tr> <tr> <td colspan="5"> </td> </tr> <tr> <td colspan="5"><div align="center"> </div></td> </tr> <tr> <td colspan="5"> </td> </tr> <tr> <td><div align="center"><a href="index.htm"><img src="buttons/home.png" alt="Home Page" width="67" height="15" border="0"></a></div></td> <td><div align="center"><a href="videos.htm"><img src="buttons/videos.png" alt="Videos" width="85" height="15" border="0"></a></div></td> <td><div align="center"><a href="gallery.htm"><img src="buttons/gallery.png" alt="Gallery" width="107" height="15" border="0"></a></div></td> <td><div align="center"><a href="about.htm"><img src="buttons/about.png" alt="About" width="80" height="15" border="0"></a></div></td> <td><div align="center"><a href="contact.htm"><img src="buttons/contact.png" alt="Contact" width="108" height="15" border="0"></a></div></td> </tr> <tr> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> <td width="160"><div align="center"></div></td> </tr> <tr bgcolor="#FFFFFF"> <td height="223" colspan="5"><p class="style2"> </p> <p class="style3"> </p> <p></p></td> </tr> </table> Thank you! hi i have a website running on wordpress and another website which is purely a static website my question is, on the static website on a particular page for example blog.html is it possible to retrieve all the blog entries that have been made on the website running on wordpress to be displayed in blog.html page on the static website if not all categories atleast a specific category from the wordpress website is this only possible if both websites are running on wordpress if so what are the other solutions in this case of the static website other than making the static website into wordpress is there a solution please advice. thanks I'm working on creating a custom home page for one of my Outlook folders using the Outlook View Control. The documentation that I've found uses the following tag to insert the control. <OBJECT classid=CLSID:0006F063-0000-0000-C000-000000000046 id=ViewCtlFolder width="91%" height="330" codebase="http://activex.microsoft.com/activex/controls/office/outlctlx.CAB# ver=9,0,0,3203"> Obviously, this requires that I be connected to the internet for the control to work. However, I need to have the page work when I'm not connected to the internet. The Outlook View Control is available via a .dll on my laptop. Q1: Should I try and down load the .cab file to my laptop and point the codebase to the location of it? If so, how can I download the actual file? Q2: Since the .dll exists on my computer already, should I just point the codebase to the existing .dll file and go that route? |