HTML - Static Menu
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. Similar TutorialsHey 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. 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? 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 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 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 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! 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'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. 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? 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 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 Hi, I am currently creating a HTML e-newsletter, and need the frame/template to essentially remain static. In other words, when the recepient alters the size of their preview/display panel in their email program (eg Outlook), the column widths/spacing and text size remains the same. Could anyone please advise as to how this is done? Thanks! Hi all, I have a question,my code is running properly ,when i copy this and paste in Microsoft outlook express its not working. I have a link to a section of page when i click its heading.My Page is quite big one,so i wrote headings and once its clicked it should go to the section of content. my code ------------ HTML Code: <html> <body> <div id="wrapper"> <div id="IUbanner"> <a href="http://www.indiana.edu"><img src="../images/iu_crimson.gif" alt="Indiana University" /></a> </div> <div id="header"> <a href="http://uits.iu.edu"><img src="../images/UITSheader.gif" alt="University Information Technology Services" /></a> </div> <h1 id="subheader"><a href="http://webmaster.iu.edu"><img src="../images/wmheader.gif" alt="IU Webmaster" border="0"/></a></h1> <div id="centerwrap"> <div id="content"> <!-- Insert content here --> <a name="TOP"></a> <H3>Getting Started</H3> <H5>Table of Contents</H5> <ul> <a href="#a">Introduction</a> <br> <a href="#b">Getting an Account</a> <br> <a href="#c">Getting the Tools</a> <br> <a name="a"></a> <hr> <h5>Introduction</h5> <p> If you are new to developing Web pages, this brief overview will help you get started. It outlines the steps you will take to publish your Web pages on IU's central Web servers (<tt>Veritas/Champion</tt>). If you are familiar with the process of creating and publishing Web pages, see the Webmaster's "<a href=../tool_guide_info/tgcat.shtml>Tools and Guides</a>" page to learn more about improving your Web pages and for help with the tools offered for the central web server accounts.</p> <P> <CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER></p> <A NAME="b"></A> <hr> <h5>Getting an Account</h5> <P> Before you can put Web pages on IU's central Web servers (<tt>Veritas/Champion</tt>), you need to get an account. To see if you are eligible to have an account on an IU web server and to learn how to get an account if you are eligible, see the Webmaster's <a href="../account_info/ac.shtml">Accounts</a> page. </p> <P><CENTER><A HREF="#TOP">Return to Top of Page</A></CENTER> </p> <A NAME="c"></A> <hr> <h5>Getting the Tools</h5> <p> Once you have an account on the Web server, the next step is to get the tools you will need to create, upload, and view your Web pages. If you do not already have these tools, you can get most of the them from <a href="http://iuware.indiana.edu/">IUware Online</a>. For information on obtaining the IUware CD please see the Knowledge Base entry: <a href="http://kb.iu.edu/data/amij.html">At IU, where can I get the IUware CD?</a></p> <p> Here are the tools you will need to get started: </p> <ul> <li><strong>A text editor or word processor</strong>: To create your Web page, you'll need a text editor or word processor. Windows computers come with a text-editor called "Notepad" and Macintoshes come with a text editor called "Simple Text." </div><!-- end footer --> </div><!-- end wrapper --> </body> </html> 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 Hey, I have this bit of code: Code: <!-- Navigation item --> <ul> <li><a href="#">Quick Roster<!--[if IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#">Members</a><ul><li>test</li></ul> <li><a href="header2.html">Header-2 (T+M)</a></li> <li><a href="header3.html">Header-3 (T+B)</a></li> <li><a href="header4.html">Header-4 (M+B)</a></li> <li><a href="header5.html">Header-5 (T)</a></li> <li><a href="header6.html">Header-6 (M)</a></li> <li><a href="header7.html">Header-7 (B)</a></li> </ul> <!--[if lte IE 6]></td></tr></table></a><![endif]--> </li> </ul> </div> </div> Where it says "Members", I want another submenu to pop out from there. If you need any other parts of the code, I'd be glad to get them. Thanks. Alright, don't know if this is possible in HTML or not but I want to try to make it in HTML. I'm trying to replicate the style of the top menu bar of my blog into some HTML pages. www.djmedley.com/blogland/ The Home, Podcast, Bio etc buttons. I can make it using rollovers but would like to mimmic the exact style that's currently there. Text over a background that has that green line rollover effect. Any help is greatly appreciated. Thank you. Hi, How can you create a menu that changes colors when you move over it with your mouse and where you can link other page's on. I only need to insert text if it can be something like a tabel that changes the colors not only the text but the background of text too . Can someone help me with thisone Thx |