HTML - Repeat Menu Bar On Every Page?
I have created a menu bar that runs horizontally along the top of my website (not as a frame) and repeats across every webpage.
I was just wondering if it was possible to insert some shorter code that referenced a text file that contained the menu bar code so that I would not have to put my menu code on every page. I'm thinking something in CSS might do it, but I'm not sure. Thanks. Similar TutorialsFirst let me apologize if this post has been made and/or belongs in another area but I'm not too sure even sure how to ask this. My humble site is set up like such using HTML and CSS: As of right now I have it such that when a navigation link is clicked it loads a whole new page. How can I do this such that only the "main text" area (which sits inside a table) is loaded? I hope that makes sense! Hey, I'm working on a site, and I've made a background that works for what I'm doing, but it repeats on the bottom. See, I can't use the no-repeat (or so I think) because the image is 3px wide. What do I do? Hello, I am using some inline css menu but I can't figure out what to change in order to automatically center the menu on our page. The code is he http://www.greekconcierge.com/weddings.php many thanks in advance, Andy Hi, I'f made a menu and i want it to be shown on each html page i have without adding the code in each html file. I'm only using html/CSS and want to keep it that way. Thanks in advance. ok what i am wanting to find out is how to make my menu reflect what page is being viewed the menu is in the left side of a table and the page is being viewed on the right side of the table...here is the code for my table: HTML Code: <table width="95%" cellpadding="1" cellspacing="1" align="center"> <tr valign="top"> <td valign="top" align="left" width="165"> <?PHP include "menu.php"; ?> </td> <td valign="top" align="left"> <p align="center"> <p align="center"> <p align="center"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <div id="content"> <p align="center"><blink><b><font color="#FF0000" size="6">This Site is currently under</font></b></blink></p> <p align="center"><blink><font size="6" color="#FF0000"><b>construction. Please check back later.</b></font></blink><BR> </p> </div> <div id="fixed"> <img src="cd.gif"> </div> </tr></table> and my menu is coded like this: PHP Code: <body> <script> if (!document.layers) document.write('<div id="divStayTopLeft" style="position:absolute">') </script> <layer id="divStayTopLeft"> <!--EDIT BELOW CODE TO YOUR OWN MENU--> <table border="1" width="118" cellspacing="0" cellpadding="0"> <tr> <td width="100%" bgcolor="#000000"> <p align="center"><b><font size="4" color="#FFFFFF">Menu</font></b></td> </tr> <tr> <td width="100%" bgcolor="#000000" align="left"> <p align="center"> <blink><u><font color="#0000FF" size="4"> <a><strong>Home</strong></a></font></u></blink><br> <a href="prices.php">Prices</a><br> <a href="songs.php">Song list</a><br> <a href="contactus.php">Contact Us</a><br> <a href="sample.php">Sample Songs</a></td> </tr> </table> <!--END OF EDIT--> </layer> </body> this is how it would be for when your viewing the home page is there a way to change this so when i view the page prices for example that it would make it show home as a link and prices as a bold underlined text? Hi, i have the following problem. I'm working on a site that uses a table. The middle part of the table has a background image that should be stable and should not move, stretch or repeat itself within the table cell. On top of that backgroundimage are points that when a mouse hovers over it an image specific to that location is deisplayed....the background image being a map and the fixed points specific locations on the map. I have 2 questions : 1) To fix the background i used : <table background-repeat:no-repeat="" background="campustour%20flensburg_files/flcampus.jpg" border="0" height="633" width="753"> is that correct ? if so why does it not work and as soon as someone hover over the location the background get's repeated ? 2) Is there a better way to do this interactive map without using tables ? The site is here :http://www.cartoonorama.de/ Thanks for any suggestions. George hey everyone - im really not a scripter i only do designs, but i wanted to know if its possible to repeat an image that is not set as background like in a table? thanks alot! x Hi all, I'm new here and was hoping I could get some help. I am trying to make an image repeat right next to a first image. Example: img1, img2, img2, img2, img2, img2, img2, img2, img2, ..... Here's a better example using the drupal logo. Say I needed to place this image at the top of my page: and needed this one to go on the right of the first image and repeat over and over (Horizontal only to the end of the page): Any help is greatly apreciated, thanks in advance here's my site: gypsysphere.com I'm trying to get the dates on the posts below to not repeat when they are multiple posts on the same day. Any ideas? Here's the html: <div class="datebox"> <div class="date"><?php the_time('d'); ?><?php _e('th'); ?></div> <div class="month"><?php the_time('M'); ?></div> <div class="year"><?php the_time('Y'); ?></div> </div> And CSS: .datebox{margin-left:-50px;position:absolute; border-bottom:solid 1px #dcdcdc; margin-top:10px;} .date{ display:block; width:40px; padding:2px 0px; font-size:17px; font-weight:bold; color:#f2f2f2; background:#222; text-align:center;border-bottom:solid 1px #666;} .month{ display:block; width:40px; font-size:17px; font-weight:bold; color:#222; background:#cdcdcd; text-align:center; text-transform:uppercase;border-bottom:solid 1px #c5c3c3;} .year{ display:block; width:40px;font-size:14px; font-weight:bold; color:#222; background:#e7e7e7; text-align:center;} Thanks Hi there, I am looking for a way to build a webpage for our restaurant site that would allow us to show the customers what our Desserts of the Day would be. We rotate a lot of different desserts and we always have people looking for there favorites to come in for that. I want a page where I can basically click a check box to show an image and description of the desserts we have for that day. How would I do this? Somebody said what I need is a static webpage? If somebody could show me where to start or a page that is done this way that would be great. I've got a data entry form where a user optionally puts data in a couple sections. It's too big to fit on-screen, so currently it's a multi-column, spreadsheet-style form. First, before I even chase this and waste everybody's time, is using tabs a good way to make a form that'd otherwise scroll through multiple sections? To make it easier to use I'm thinking about using tabs. I've found a couple examples and can display the tabs fine, but I"m having trouble understanding how to do the interaction between the form and php. The list is a set of hrefs like <li><a href="abcdform.php">a</a></li> <li id="selected"><a href="#">b</a></li> I can see that the first li is going to jump to "abcdform.php", but what does the "#" in the second li do? I want this to be a single php file with the html in it and a single php file with all the code. How do I get php to know what tab was hit? I"m generating the table rows and data in the php so how do I get the right rows of data into the right tab section? Hi all, I sold an ad on my blog and they want it placed beneath each individual post. I know where to place the code within my template to make that happen, BUT they only want it to appear under the top 3 posts, not every single post. I'm assuming there is some sort of "no repeat" or "limited repeat" code I can use, but my skillz do not venture that far. Can anyone offer any help? Thank you!! www.yankeeschick.com how do you get music to repeat itself over and over. and to auto play? here is the code <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="13" height="13" allowNetworking="internal"> <param name="wmode" value="transparent"> <param name="allowScriptAccess" value="sameDomain" /><param name="FlashVars" value="resourceID=97664201&flp=false" /> <param name="movie" value="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" /><embed wmode="transparent" src="http://static.last.fm/webclient/inline/1/inlinePlayer.swf" quality="high" FlashVars="resourceID=97664201&flp=false" bgcolor="#ffffff" width="13" height="13" name="inlinePlayer" allowNetworking="internal" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" /> </object> <a href="/music/Linkin+Park"></a><a href="/music/Linkin+Park//Wake"></a> problem is i dont know how to make it repeat and i dont know how to make it autoplay i would be very gratefull for any help given Yeah, it's probably a real simple question but it's bugging the heck out of me. I'm trying to design my first layout (hence why it looks so simple), but it's not working out. Here's the layout: http://www.lifeschronicles.net/index_test_brown.html I want the content boxes (pale brown) to run all down the page. How do I do that? Please help. Edit: Ok I have finally realised what I need to do. So simple! Haha. Can ignore/delete this thread if you want to. Sorry guys! I am trying to create a frame for a page content as shown in the attachment. As you can see, each column has a pilaster (background which is not repeated) and actually a column which is repeated. Generaly I want to create a code which would work for a content of any length, so I want the columns to be repeated as many times as it is required automatically. Here is what I tried to do. Of course, this does not work, otherwise I wont ask Do you have Ideas how to make it working? HTML Code: <table cellpadding=0 cellspacing=0 border="0"> <tr> <td colspan=3 style="background-image:url('top_beam.jpg');background-position:bottom;background-repeat:no-repeat;"> </td> </tr> <tr> <td style="background-image:url('left_pilaster.jpg');background-position:right;background-repeat:no-repeat;"> </td> <td rowspan=2> ACTUALLY THE CONTENT </td> <td style="background-image:url('right_pilaster.jpg');background-position:left;background-repeat:no-repeat;"> </td> </tr> <tr> <td style="background-image:url('left_column.jpg');background-position:right;background-repeat:repeat-y;"> </td> <td style="background-image:url('right_column.jpg');background-position:left;background-repeat:repeat-y;"> </td> </tr> <tr> <td colspan=3 style="background-image:url('brick_floor.jpg');background-position:top;background-repeat:no-repeat;"> </td> </tr> </table> 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 I am trying to use two different repeat bg images for right and left side. I want them to repeat on 'x-repeat' coordinated and they are going to be on the right-left side of the .swf , Here is my code; <html> <head> <title>SeanDon.com</title> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <style type="text/css"> body { background-color: #aef0ff; } .leftRepeat { background-image: url( 'images/index_01.jpg' ); background-repeat: repeat-x; } .rightRepeat { background-image: url( 'images/index_03.jpg' ); background-repeat: repeat-x; } </style> </head> <body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (SeanDon_web_illustration 950x650 b.ai - Slices: 01, 02, 03) --> <table id="Table_01" width="950" height="650" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="30%" height="652" class="leftRepeat"> </td> <td align="center" valign="top"> <div align="center"> <object classid="clsid27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" height="650" title="SeanDon"> <param name="movie" value="index.swf"> <param name="quality" value="high"> <embed src="index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="950" height="650"></embed> </object> </div> </td> <td width="30%" height="652" class="rightRepeat" ></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> I've been writing this xhtml/css page and ive run into a problem. It should be a bit confusing to explain but ill try. Basically i want a nav bar on the left side, one solid color going from top to bottom, and then text next to this. So i have a div tag for the nav bar that ive set with css to have a height of 100%. the text however, makes the page too big and thus it has to scroll. But when I scroll down the nav bar is gone. By that I mean it doesnt repeat past where I can see on the page before scrolling. How would i make the nav bar go ALL the way to the base of the page? Hi, I have a website in which the menu is the same on all pages (http://www.hiltrain.com) I have set this up so that the menu item is in bold to identify the specific page the viewer is on. This works perfectly in function and is set up by using: <body id="help"> and then using the same id in the link code, e.g. <a href="howwecanhelp.htm" id="help"> In the css file I have an entry: body#help a#help, font-weight: bold; This gets the menu item for that page to be in bold and this works fine. However this doesn't vaildate well as according to the W3C standards I can't use the id twice. Can anybody advise me on a way to change these to achieve the same affect but so that it complies with W3C. Any help greatly appreciated. Cheers Iain |