HTML - Menu Linking Help (probably Something Simple Im Missing)
Hi,
I have a link structure in this format which is on my website: <ul id="css_horizontal_menu"> <li><a href="#nogo" class="first">link 1</a></li> <li><a href="#nogo">link 2</a></li> <li><a href="#nogo">link 3</a></li> <li><a href="#nogo">link 4</a></li> </ul> I was wondering how i can add a page which is not a subpage (e.g ****.com/blog). I need a link which goes to http:blog.*****.com. ive tried linking it too /blog but for some reason this does not work. Any help would be great :-) Similar TutorialsHow do i link to a page thats outside of a folder. Example i have a folder called "Home" and a page called home.html within the folder and I have a sub folder called "Main", within the Main folder how do I link to the home.html Hi All, I am missing the "about us" button on the end of the main css menu www.rangeford.com.au. It is missing on every page which makes me believe css issue but have stared at both the html and css for days and cannot see any issue /* about */ a.nav-aboutR1, a.nav-aboutR3 { width:104px; background: url(../img/nav-about-R1.gif) no-repeat 0 0; } a:hover.nav-aboutR1 { background-position: 0 -33px; } a.nav-aboutR3 { background-position: 0 -66px; } /* span */ The background image is definately present and in the correct folder if any one could point me in the right direction i would be very grateful Cheers Mark 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. here is the code i am using so far </FORM> <SCRIPT TYPE="text/javascript"> <!-- function dropdown(mySel) { var myWin, myVal; myVal = mySel.options[mySel.selectedIndex].value; if(myVal) { if(mySel.form.target)myWin = parent[mySel.form.target]; else myWin = window; if (! myWin) return true; myWin.location = myVal; } return false; } //--> </SCRIPT> <select name="gourl"> <option value="">Services </option> <option value=href="I.T Audit.html">I.T Audit </option> <option value="/" >PC and Laptop repairs </option> <option value="http://www." >Upgrades </option> <option value="http://www.ggce-environmental.org/index.html">Networking Installation</option> <option value"">PC's to your specification</option> <option value"">PAT Testing</option> <option value"">Bespoke Database Design</option> <option value="">Service Level Agreement</option> <option value="">Engery Audit</option> <option value="">Internet Service Provision</option> </select> <INPUT TYPE=SUBMIT VALUE="Go"> im aware the href="i.t audit" is wrong it's supposed to be just the full url, but it's not working any help? cheers Hi, I'm being outsourced to turn an image into a website and I've been jumping through hoops all night trying to create a simple drop-down menu... Obviously it's not going well. All I want is that it is no more than 20px high, black no borders, white Arial Black or Verdana 10px all caps BOLD font, text mouseover to #fbb03b.. drop-downs that have a dark grey border on the bottom only (no other sides should have borders) and mouseover to #fbb03b for each link (same text formatting as base menu). This is becoming incredibly difficult for me, and things just keep going wrong. I'm using Adobe DreamWeaver CS4. This project is due in 12 hours, and I haven't slept, so I'm not exactly in for a learning experience right now, I just need immediate and effective help. Please help if you can. Thanks very much. Hey all I've not done a simple drop menu form in forever and in trying to refresh my memory using tutorials I've stumbled down the rabbit hole and ended up in "I wonderland" There are so many different overly complicated methods and I' starting to get annoyed. So far I have this but it gives "Error on Page" in the browser bottom left bar. HTML Code: <form name='categorymenu' ACTION=URI method=get> <select name='menu' onchange='jump(this.form)'> <option>Categories</option> <option value='index.php?page=device&device=2&cat=animal'>Animal</option> <option value='index.php?page=device&device=1&cat=retro'>Retro</option> </select> </form> Any help to end my frustration would be gratefully appreciated. Hi, I have a bit of a problem. I am learning HTML and CSS, and I am trying to make a simple menu withh a background button up state and a horizontal unordered list across, with a hover effect of a new bg image over the initial ones. Please help! Thanks in advance. I have this page http://vlifechurch.org/newvlife.php On the left side of the column I have three banners that each have individual links, but they are all highlighted in blue... How do I stop this, and just have the pictures? thanksss when i search for corby pc support on google.co.uk i get this result back corby pc support services brigstock, cottingham, corby, desborough ...Corby PC Support provides a range of PC, networking, internet, hardware and sofrware support services for home users, small and medium business users. corbypcsupport.co.uk / - 17k - Cached - Similar pages What I find really confusing is that the www. are missing ? This has only happened in the last few days. Can anyone help I have developed a web site that works on internet explorer. The background at the top does not seem to work on other browsers. Any ideas: http://b2kdesigncontracting.atspace.com I'm still trying to insert buttons I've created in fireworks into a site i'm designing in dreamweaver. now the problem is that they don't show up at all. If i move the mouse, the pointer changes and links work to their pages, but there isn't anything to see. In the design view of dw the buttons don't show up either. Anyone know what the deal is? here's the code: --------------------- HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <style type="text/css"> body {background-color:#666600} td img {display: block;} table {margin:auto; width:800px; background-color:#9EAF41} table td#desc {color:#666600; font-style:bold; text-align:center; font-family:benguiat bk bt; font-size:16px; cellpadding:0px; cellspacing:0px} table td#nav {width:200px; cellpadding:0px; cellspacing:0px} table td#middle {text-align:center; width:400px; cellpadding:0px; cellspacing:0px} table td#right {text-align:center; width:200px; cellpadding:0px; cellspacing:0px} </style> <script language="JavaScript1.2" type="text/javascript"> <!-- function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_nbGroup(event, grpName) { //v6.0 var i,img,nbArr,args=MM_nbGroup.arguments; if (event == "init" && args.length > 2) { if ((img = MM_findObj(args[2])) != null && !img.MM_init) { img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src; if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array(); nbArr[nbArr.length] = img; for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = args[i+1]; nbArr[nbArr.length] = img; } } } else if (event == "over") { document.MM_nbOver = nbArr = new Array(); for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])?args[i+1] : img.MM_up); nbArr[nbArr.length] = img; } } else if (event == "out" ) { for (i=0; i < document.MM_nbOver.length; i++) { img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; } } else if (event == "down") { nbArr = document[grpName]; if (nbArr) for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; } document[grpName] = nbArr = new Array(); for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) { if (!img.MM_up) img.MM_up = img.src; img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up; nbArr[nbArr.length] = img; } } } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } //--> </script> </head> <body onload="MM_preloadImages('images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg','images/navBtn_r1_c1_f3.jpg','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg','images/navBtn_r3_c1_f3.jpg','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg','images/navBtn_r5_c1_f3.jpg','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg','images/navBtn_r7_c1_f3.jpg','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg','images/navBtn_r9_c1_f3.jpg');"> <table> <tr><td colspan="3"><img src="Media/indexBanner.png" /></td> </tr> <tr> <td id="desc" colspan="3"> Colorado grower of premium flowers, organic vegetables, and herbs since 1996 <!-- <hr style="position:relative; top:-8px; width:75%; color:#66712B; background-color:#66712B; border-bottom:thin; border-top:0px" /> --> </td> </tr> <tr> <td id="nav"> <table border="0" cellpadding="0" cellspacing="0" width="180"> <!-- fwtable fwsrc="navBtn.png" fwbase="navBtn.jpg" fwstyle="Dreamweaver" fwdocid = "2091273513" fwnested="0" --> <tr> <td><img src="images/spacer.gif" width="170" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="9" height="1" border="0" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="1" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.ridgway.k12.co.us" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r1_c1','images/navBtn_r1_c1_f2.jpg','images/navBtn_r1_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r1_c1','images/navBtn_r1_c1_f3.jpg',1);"><img name="navBtn_r1_c1" src="images/navBtn_r1_c1.jpg" width="171" height="30" border="0" id="navBtn_r1_c1" alt="" /></a></td> <td rowspan="9"><img name="navBtn_r1_c3" src="images/navBtn_r1_c3.jpg" width="9" height="190" border="0" id="navBtn_r1_c3" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="navBtn_r2_c1" src="images/navBtn_r2_c1.jpg" width="171" height="10" border="0" id="navBtn_r2_c1" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.mcsd.org" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r3_c1','images/navBtn_r3_c1_f2.jpg','images/navBtn_r3_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r3_c1','images/navBtn_r3_c1_f3.jpg',1);"><img name="navBtn_r3_c1" src="images/navBtn_r3_c1.jpg" width="171" height="30" border="0" id="navBtn_r3_c1" alt="" /></a></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="navBtn_r4_c1" src="images/navBtn_r4_c1.jpg" width="171" height="10" border="0" id="navBtn_r4_c1" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td><a href="http://www.msn.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r5_c1','images/navBtn_r5_c1_f2.jpg','images/navBtn_r5_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r5_c1','images/navBtn_r5_c1_f3.jpg',1);"><img name="navBtn_r5_c1" src="images/navBtn_r5_c1.jpg" width="170" height="30" border="0" id="navBtn_r5_c1" alt="" /></a></td> <td rowspan="2"><img name="navBtn_r5_c2" src="images/navBtn_r5_c2.jpg" width="1" height="40" border="0" id="navBtn_r5_c2" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td><img name="navBtn_r6_c1" src="images/navBtn_r6_c1.jpg" width="170" height="10" border="0" id="navBtn_r6_c1" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.htmlforums.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r7_c1','images/navBtn_r7_c1_f2.jpg','images/navBtn_r7_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r7_c1','images/navBtn_r7_c1_f3.jpg',1);"><img name="navBtn_r7_c1" src="images/navBtn_r7_c1.jpg" width="171" height="30" border="0" id="navBtn_r7_c1" alt="" /></a></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><img name="navBtn_r8_c1" src="images/navBtn_r8_c1.jpg" width="171" height="10" border="0" id="navBtn_r8_c1" alt="" /></td> <td><img src="images/spacer.gif" width="1" height="10" border="0" alt="" /></td> </tr> <tr> <td colspan="2"><a href="http://www.theguardian.com" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','navBtn_r9_c1','images/navBtn_r9_c1_f2.jpg','images/navBtn_r9_c1_f4.jpg',1);" onclick="MM_nbGroup('down','navbar1','navBtn_r9_c1','images/navBtn_r9_c1_f3.jpg',1);"><img name="navBtn_r9_c1" src="images/navBtn_r9_c1.jpg" width="171" height="30" border="0" id="navBtn_r9_c1" alt="" /></a></td> <td><img src="images/spacer.gif" width="1" height="30" border="0" alt="" /></td> </tr> </table> </td> <td id="middle">flash here</td> <td id="right">quote here</td></tr> </table> </body> </html> I'm having another less-than-bright day, and I cannot get this very simple table to look the way I want. I pulled all the definitions out of the CSS file and put them in here to make it easier. Can one of you knowledgeable folks answer some questions for me? 1. The td sizes aren't as set in the colgroup. Amount is WAY wider than I specified. Payment Method is way narrower. HALF the space should be for Payment Method. Instead it looks like they're some bizarre, random size. How do I get the cells to match the column width I set? 2. My table has "frame="box, rules="all"". But, I don't see a line for the box at all, and in IE the "rules" appear as white lines instead of black (in Firefox they seem ok). How do I control the color of the frame and the rules so I can make them black in IE too? 3. My fields (the yellow areas) don't fill the space in the cell. I don't know if this is related to the fact that the td sizes don't match the colgroup, but Payment Method, for example, doesn't visibly fill the whole cell. What do I have wrong, where? 4. As far as making the outline of the fields visible, I'd like to have no td border and just let the rules between each cell do the defining - using border:none perhaps? Make the cell background and table background the same color and it seems like things should work fine. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body> <!-- <div style="text-align:left; border:2px solid #000000; padding:0px 10px 0px 10px; margin:auto; background-color:#ccfccf; width:600px;">--> <div style="border:2px solid #000000; padding:10px; margin:auto; background-color:#3F6; width:600px;"> <form name="dues" method="post" action="<?php echo htmlentities($_SERVER['REQUEST_URI'], ENT_COMPAT, 'UTF-8'); ?>"> <!-- <table style="width:100%; background-color:#eeeeee; border-collapse:collapse; border:1px solid black; color:#000000; font-size:14px; font-weight:bold;" frame="box" rules="all">--> <table style="background-color:red; border:1px solid black; size:14px; font-weight:bold;" frame="box" rules="all"> <colgroup> <col width="30%" /> <col width="20%" /> <col width="50%" /> </colgroup> <tr> <th align=left>Renewal Date</th> <th align=right>Amount</th> <th align=left>Payment Method</th> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[0]" value="08/01/2010" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[0]" value="20.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[0]" value="" /></td> </tr> <tr> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" READONLY type="text" name="RenewalDate[1]" value="10/01/2009" /></td> <td><input style="text-align:right; border:none; background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="DuesPaid[1]" value="27.00" /></td> <td><input style="background-color:yellow; color:#000; font-size:14px; font-weight:bold;" type="text" name="PaymentMethod[1]" value="Check 7057" /></td> </tr> <!-- <?php echo $DuesRows; ?>--> </TABLE> </form></div></body> </html> Hi everyone, I'm brand new to creating a website and got most things working except for this one problem. I have a window on my Home Page that loops 4 images but, for some reason, one of them will not show up. The image file is named correctly and it's the correct format so it must be a coding problem. Can anyone help??? Thanx in advance for your help! website: www.itortrix.com *the issue occurs after the 'Cydia Ads SUCK' image Code: <div class="clear"></div> <div id="content"> <div id="main"> <style type="text/css"> body {position:center; z-index:0} td#Pics {width:508px; height:225px; vertical-align:top} img#img1 {position:absolute; border:0px; width:508px; height:225px; z-index:2} img#img2 {position:absolute; border:0px; width:508px; height:225px; z-index:1} img#img3 {position:absolute; border:0px; width:508px; height:225px; z-index:1} img#img4 {position:absolute; border:0px; width:508px; height:225px; z-index:1} img#img5 {position:absolute; border:0px; width:508px; height:225px; z-index:1} </style> <script type="text/javascript"> var A=2; var B=1; var C=1; var D=1; var Temp; function beChanging() { Temp=D; D=C; C=B; B=A; A=Temp; document.getElementById('img1').style.zIndex = A; document.getElementById('img2').style.zIndex = B; document.getElementById('img3').style.zIndex = C; document.getElementById('img4').style.zIndex = D; setTimeout("beChanging()",7000); } </script> </head> <body onload="beChanging()"> <table cellpading="0" cellspacing="0" border="0"> <tbody> <tr> <td id="Pics"> <a href="tweaks.html"><img src="images/img5.jpg" usemap ="#TW" id="img1"></a> <a href="About.html"><img src="images/img2.jpg" usemap ="#HM" id="img2"></a> <a href="createrepo.html"><img src="images/img3.jpg" usemap ="#RP" id="img3"></a> <a href="ads.html"><img src="images/img4.jpg" usemap ="#AD" id="img4"></a> </td> </tr> </tbody> </table> </body> <h1>Keep Feeding...</h1> <p>Filesystem Tweaks for the avid iDevice user...</p> <p>...Freedom from the restrictions of Apple and the Major Cydia Repositories!</p> <center><p><h4>repo.itortrix.com</h4></p></center> </div> Wish You a very very Happy New year Hi Budies.... I have shtml files where i m using include files. Using this tag: <!--#include file="header.html"--> but the same tag is missing is some pages. please suggess me wat i do ? HELP ME ! I have been puzzled by the fact that the scroll bar is missing on my site at http://larkspree.com/index.php. It wasn't an issue until I added content 'below the fold'. When viewed in Firefox 3.5.5 and Opera 9.6.4, I CAN scroll down with the down arrow or page down keys. When viewed in Windows Explorer 8, the below the fold content is on top of the main above-the-fold content. The screen won't scroll with the keys, and there is no scroll bar. In Chrome 3.0 and Safari 4.0.4, I can't scroll with with the keys and there is no scroll bar. My page got very complicated with the javascript and jQuery and hidden divs. But the content is organized with nested divs, which can be easily seen using a debugger like Firefly. The main structure is like this: Code: <div id='all'> <div id='fblogin'></div> <div id='content'></div> <div class='featuredEventList'></div> </div> I hope I don't have to tear it down to debug this problem. Can someone offer an explanation or suggest something I could try to get the scroll bar to appear? Thanks, Jim I had previously posted an issue about a page that would not display in Safari (http://www.htmlforums.com/html-xhtml...tml#post627071) Thanks to Peter V, I was able to fix the major issues. However, now there is one portion of the page that does not display - a table including a logo and a search box at the top. The page displays correctly in IE and Firefox for Windows, and Firefox and Netscape for Mac, but not in Safari (for Mac - haven't tried Safari for Windows). The URL is http://www.buttecounty.net/bclibrary/ Any assistance would be greatly appreciated. Thanks, Derek I have created a website for our own organisation's intranet. To test it I have uploaded it to my own personal webspace and it works fine. However, I viewed the same website at work and on just one of the pages all of the images were not following the CSS code in the style sheet. I worked out why. The source code for this one page was from an old style sheet that I have since modified. Why does this computer at work view an old style sheet that is no longer on the web? I have viewed the old one at some time on this computer so is it somehow using a cached style sheet and if so how do I stop it? I have a slight HTML problem that I cant figure out...There is this white-space above my text area that I cant figure out how to get rid of... Can someone please help me and tell me what I am missing or how to fix it... Here is a screenshot of where the whitespace is... Here is a link to the HTML file in zipped format http://www.pstsync.com/index.zip the Site is : http://www.PSTSync.com thanks Ishan Hello, I know a little bit about creating websites and how to use the programs that create them. And knowing this, is why I don't understand what I'm doing wrong. A friend of mine, gave me a website template with all its files. If I open firefox or any browser and goto open file, then select the .html file, it will load it just fine and it looks great. In the folder of the template are the following files: xzy1.fla xzy1.fla.jsfl xzy1.swf xzy1.html xzy1-b.jpg xzy1-h.jpg And that's it, nothing else is in the folder. As for how I use to create or edit other website templates, I would goto the folder of the template, and in it would be the following files: abc2.fla abc2.swf abc2_about.html abc2_index.html abc2_about.psd abc2_index.psd And there is also a 'image' folder with a lot of images. Normally to edit this template I would use the .psd file and either Adobe Photoshop and/or ImageReady to make my adjustments. Can someone please take the time to explain what other files I could use to make the adjustments. Because as I explained, the only way I thought you could edit a template was to use the .psd file. Thanks again for your time, Jason S I don't seem to have a robots line/ file anywhere on my webpages. Where am i suppose to put this line of code and what should it contain? If some1 wants to check whether i do have this line or not please have a look at my website on Earnwhileusleep-package.com thnx |