HTML - Buttons In The Legend
Does anyone know how to put (or if it's possible) form buttons into the legend of a field set? I tried searching but not really found much.
The following snippet resulted in the text for the legend and the button from the form residing just inside the fieldset and not actually in the legend it self. The border of the fieldset then remained unbroken around the content of the fieldset: Code: <fieldset id="fieldset1"> <form action="nrt.php" method="post"> <input type="hidden" name="c_name" value="$c_name[0]" /> <legend> Editing page for class: <i>$c_name[0] <button id="button-submit_4" type="submit">(edit)</button> </i> </legend> </form> It's really annoying because the page would look pretty damn neat if I could get the button in the legend. Any help here or anything would be very much appreciated Similar TutorialsHey guys.. its been a while. Hope everyone has been well. Anyways I'm trying to help out a friend with their site which is located at http://www.centerforholistichealth.com Anyways if you look at the left most column near the bottom with the form for signing up for the monthly newsletter is you will see a legend/fieldset box, for some reason the box is coming out of bounds. Anyone have any ideas on how this might be corrected so that is stays within its bounds. Thanks as always, Eric hi everybody. can i use fieldset/legend out of the form with an image in the "legend"? it's ok and validator says so but i wonder should i realy use it? thanks Cant figure out whats wrong here. When the page is loaded, the legend doesnt appear on top of the form like it should. It displays itself inside the form instead. Suggestions? Code: <form method="post" action="mailto:espngear@yahoo.com" name="form" onsubmit="return validate_form ( );"> <fieldset> <legend>Ask Us!</legend> <b>Your Name:</b> <input name="yourname" type="text" size="25"/> <p><b>How may we contact you?</b> <font size="1" face="arial">* Enter contact information in both fields</font></p><b> E-mail:</b> <input name="email" type="text" size="25"/> <b>Phone:</b> <input name="phone" type="text" size="25"/><br/><br/> <b>Question Type:</b> <select name="questiontype"> <option selected="selected">Select</option> <option>General/Service Question</option> <option>Pricing</option> <option>Printing Job</option> </select> <font size="1" face="arial">*This specifies what you're asking</font><br/><br/> <b>Your Question:</b><br/><br/> <textarea name="questionbox" cols="55" rows="10" onclick="document.form.questionbox.value='';">Type your question here</textarea><br/><br/></fieldset> <input type="submit" value="Send" class="buttons" onClick="return checkmail(this.form.email)"/> <input type="reset" value="Clear Form" class="buttons"/> <fieldset> <legend align="left">Logo</legend> <textarea cols="111" rows="3"><center><img src="images/logo.gif"></center> </textarea> </fieldset> The legend appear ok, but for some reason the initial text contained within the textarea isn't displayed - how do i fix this? Hi Guys/Ladies Im working through CSS learning it and so far its going well but i am stuck on this issue and a refuse to turn back to Html Tables etc i want to learn how to code without tables So i have a horizontal Menu bar and i would like to populate it with buttons linking to different sections on the site there is already two buttons but you can see from the image they are both touching one another i need to space them out, the buttons arent finished i want to get the layout sorted first then start adding detail. This is the CSS for the menu bar. I added the background image. HTML Code: div.hideSkiplink { background-image: url('/images/BottomMenu.gif'); width:100%; } div.menu { padding: 4px 0px 4px 8px; } div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; } div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; } div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; } div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; } This is the code on the site master where im calling the CSS HTML Code: <div class="clear hideSkiplink"> <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/> <asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/> </Items> </asp:Menu> </div> iv attached the image so you can see what its doing.... Hope some one can help me I've played around with this code but it seems as if I can't get the buttons to appear. Is this related to the script type? Anyone know how I can fix this? [the location is not set yet, my problem is just getting the buttons to show up] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <TITLE> Meats </TITLE> </HEAD> <BODY> <SCRIPT type="text/javascript"> <table> <table border="1" align="center" cellpadding="1" cellspacing="1" BGCOLOR=blue > <tr> <td> <INPUT type="button" value="Home" name="button1"onClick="window.location='http://www.htm'"> <td> <INPUT type="button" value="History" name="button2" onClick="window.location='http://steakslocation.htm'"> <td> <INPUT type="button" value="Residents" name="button3" onClick="window.location='http://porklocation.htm'"> <td> <INPUT type="button" value="Events" name="button4" onClick="window.location='http://poultrylocation.htm'"> <td> <INPUT type="button" value="Links" name="button5" onClick="window.location='http://venisonlocation.htm'"> </SCRIPT type="text/javascript"> <div id="PICTURE"> <img src="anthropormophic_bacon.jpg" height="90%" width="90%" alt="Buddy!" /> <center> Y Halo Thar </center> </div> </table> The content of the document...... </BODY> </HTML> Ok, ive made the background i want to use on photoshop and im using freewebs for now just to host my website. I've set the background to centre and top, and i am now trying to edit the site on frontpage. I need to put a button in that links to the main page from the first entrance page, which is easier enough. But i need the button to stay centered just below the logo, which is what i need help with. If you dont understand what i mean take a look yourself... http://www.freewebs.com/endofsyrum I need a "Click to Enter" button inbetween the bottom of the page and the bottom of the logo, and i would like it to stay there no matter what screen res or size fo window... Many Thanks, Narc I am making a simple calculator program for a school science fair project, and I used a CSS Button Maker program that I got fro ma google search, and when I try to change my buttons from the normal preset ones to the one I made, it disrupts the onClick, and makes he buttons not work. any idea on how to fix this? Here is before the change to the cool buttons: Code: <HTML> <HEAD> <TITLE>Gavin's Science Fair Project</TITLE> <script LANGUAGE="JavaScript"> function CalculateSum(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A + B; } function CalculateDif(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A - B; } function CalculatePro(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A * B; } function CalculateQuo(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A % B; } function ClearForm(form) { form.input_A.value = ""; form.input_B.value = ""; form.Answer.value = ""; } // end of JavaScript functions --> </SCRIPT> <style type="text/css"> input.groovybutton { font-size:15px; width: 250px; height: 25px; font-family:Comic Sans MS,sans-serif; font-weight:bold; color:#000000; background-color:#FF0066; border-style:outset; } </style> </HEAD> <DIV ALIGN=CENTER> <table border="10" bgcolor="#0C6AA1"> <tr> <td><P><FONT SIZE="+3">Simple Calculator</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=15></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=14></P> <DIV ALIGN=CENTER><P><INPUT TYPE="button" VALUE="Add Numbers" name="AddButton" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Subtract Numbers" name="SubButton" onClick="CalculateDif(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Multiply Numbers" name="MultButton" onClick="CalculatePro(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Divide Numbers" name="DivButton" onClick="CalculateQuo(this.form.input_A.value, this.form.input_B.value, this.form)"></P> <P><INPUT TYPE="button" VALUE="Clear Fields" name="ClearButton" onClick="ClearForm(this.form)"></P></DIV> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=18></P> </FORM></td> </DIV> </BODY> </HTML> And here is after: Code: <HTML> <HEAD> <TITLE>Gavin's Science Fair Project</TITLE> <script LANGUAGE="JavaScript"> function CalculateSum(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A + B; } function CalculateDif(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A - B; } function CalculatePro(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A * B; } function CalculateQuo(Atext, Btext, form) { var A = parseFloat(Atext); var B = parseFloat(Btext); form.Answer.value = A % B; } function ClearForm(form) { form.input_A.value = ""; form.input_B.value = ""; form.Answer.value = ""; } // end of JavaScript functions --> </SCRIPT> <style type="text/css"> input.groovybutton { font-size:15px; width: 250px; height: 25px; font-family:Comic Sans MS,sans-serif; font-weight:bold; color:#000000; background-color:#FF0066; border-style:outset; } </style> </HEAD> <DIV ALIGN=CENTER> <table border="10" bgcolor="#0C6AA1"> <tr> <td><P><FONT SIZE="+3">Simple Calculator</FONT></P> <FORM NAME="Calculator" METHOD="post"> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_A" SIZE=15></P> <P>Enter a number: <INPUT TYPE=TEXT NAME="input_B" SIZE=15></P> <form name="groovyform"> <input type="button" name="AddButon" class="groovybutton" value="Add Numbers" onClick="CalculateSum(this.form.input_A.value, this.form.input_B.value, this.form)" title=""> </form> <form name="groovyform"> <input type="button" name="SubButton" class="groovybutton" value="Subtract Numbers" onClick="CalculateDif(this.form.input_A.value, this.form.input_B.value, this.form)" title=""> </form> <form name="groovyform"> <input type="button" name="DivButton" class="groovybutton" value="Divide Numbers" onClick="CalculateQuo(this.form.input_A.value, this.form.input_B.value, this.form)" title=""> </form> <form name="groovyform"> <input type="button" name="MultButton" class="groovybutton" value="Multiply Numbers" onClick="CalculatePro(this.form.input_A.value, this.form.input_B.value, this.form)" title=""> </form> <form name="groovyform"> <input type="button" name="ClearButton" class="groovybutton" value="Clear Fields" onClick="ClearForm(this.form)" title=""> </form> <P>Answer = <INPUT TYPE=TEXT NAME="Answer" SIZE=18></P> </FORM></td> </DIV> </BODY> </HTML> If anyone can help with this, It would be greatly appreciated. So I'm extremely new to HTML and I am trying to make a button open new tabs to two sites. Here is what I got so far: HTML Code: <a href='http://www.planetminecraft.com' title='Planet Minecraft : Supporting our Addiction!'><img src='http://www.planetminecraft.com/images/banners/planet_minecraft_mb.gif' border='0' alt='Planet Minecraft Banner'></a> I would like to use images as links in my nav bar and im looking for a tutorial or some help with how to make the buttons change when diffrent actions are taken.. eg link visited hover active but i dont know how to change the properties of the link, if anyone can point me in the direction on how to do this either in CSS or in each web page i would be verry grateful i have looked around and havent been able to find anything Hey All, Well, I'm having some difficulty with buttons on my page. I've decided to add Google search to my website. However, I can't get the submit button to look right. Rather than the button appearing as shown in the photo directly below, it comes up looking like the button in the second photo below. I know this is a minor detail, but it's really bugging me and I can't figure out what's going on. Even if I go directly to Googles website, copy the source code, and paste it directly into my HTML editor (Frontpage 2003) the button still comes up looking like the one in the second picture. Any help would be greatly appreciated. Thanks! Tim www.corvette-restoration.com www.ipmbio.org This is the website. Here the buttons are in the format as <a><buttons></a> This works in all browsers expect IE When they click on buttons in IE nothing happens. PHP Code: <a href="/index.php?option=com_content&view=article&id=67"> <input name="About Us" value="About Us" class="art-button" type="button" /> </a> This is an example code. Some one please help me make it work in IE also...asap...i am in urgent... how do i make it that when i click on a button it goes to an alert but i already have an onclick functiion for the button. HTML Code: <html> <head> <title> iodhaoidhoa </title> <script language="javascript"> function add(a,b) { var ans = a + b document.write("The sum is " + ans) } </script> </head> <body> <input type="button" value="Whats 6+4" onclick="add(6, 4)") </body> <html> basically i want it that when i click the button it will show an alert saying that the sum is 10 Hey, as you can tell, I'm a new guy. And I'm having a bit of a problem... For some reason, in between 2 buttons I have on my site, there is a little, underscore line. I don't know why it's there, as it's not in my code, it's not a part of the image, and it wasn't there before I added the second button. It's hard to explain, it's easier to see it for yourself. http://nickisawesome.izfree.com/meec...igns/index.php Any help would be appreciated i have my list of radio buttons and submit button but what i would like to do is have each one go to a different URL but im having trouble with that at the moment so if anyone could help it would be very appreciated. thankyou Very new to html but i've downloaded several Paypal buttons and put the code into my web page. My problem is i want the buttons to run along the page side by side horizontally with spaces between them but they are running top to bottom. I have tried different ways to try and solve the problem but none have worked. Can anyone tell me what i have to do? thanks I have found these sample html codes but I think these are lacking. I am just a newbie but I know how to trace html codes. <FORM ACTION="../cgi-bin/mycgi.pl"> What size pizza?<P> <INPUT TYPE=RADIO NAME="pizzasize" VALUE="S">small<BR> <INPUT TYPE=RADIO NAME="pizzasize" VALUE="M">medium<BR> <INPUT TYPE=RADIO NAME="pizzasize" VALUE="L">large<P> <INPUT TYPE=SUBMIT VALUE="submit"> </FORM> Thanks, Magiclouie Hi I have the following code for part of my page: <!--BEGIN SCREEN Fios --> <div id='sfios' style="display:none;" > <div id="comcast"> <h2>Questions</h2> <p><span class="required">*</span> indicates required fields</p> <table id="Table1" class="questionTable" style="border-top: 1px solid gray; padding: 0px;" cellspacing="0" cellpadding="0"> <tr> <td style="padding:0px; width:100%; border-bottom:0px;"> <div id="otherDetails10" style="margin: 0px; padding:0px; width:100%;" > <div id="otherDetails11" style="display: ; padding: 0px; width:100%;" > <table class="questionTable" style="width:100%;"> <tr valign="top"> <td width="80%"> <strong id="Strong1"><span class="required">*</span>Do all the following use Fios?</strong><br /> <table id="houseHoldTbl" > <tr> <td> <strong>Household members :</strong> </td> </tr> <tr> <td>ABC DEF</td> </tr> <tr> <td>GHI JKL</td> </tr> <tr> <td>MNO PQRS</td> </tr> <tr> <td>TUV WUX</td> </tr> </table> </td> <td width="20%" style="text-align: center;"> <span> <input type="radio" name="use1" id="USyes1" onclick="show('otherDetails12'); show('contBut'); disableMe('contBut');window.scrollTo(getPos(qust1).x,getPos(qust1).y);" /> <label for="USyes1">Yes</label> <input type="radio" name="nouse1" id="NUSno1" onclick="show('contBut');hide('otherDetails12'); enableMe('contBut');window.scrollTo(getPos(qust1).x,getPos(qust1).y);" /> <label for="NUSno1">No</label> </span> </td> </tr> </table> <div id="otherDetails12" style="display: none; padding: 0px;"> <table class="questionTable" style="width:100%;"> <tr valign="top"> <td width="80%"> <strong id="Strong2"><span class="required">*</span>Does anyone else use the Television?</strong> </td> <td width="20%" style="text-align: center;"> <span> <input type="radio" name="why1" id="WHYyes1" onclick="hide('otherDetails13'); enableMe ('contBut'); window.scrollTo(getPos(qust1).x,getPos(qust3).y);" /> <label for="WHYyes1">Yes</label> <input type="radio" name="whyo1" id="WHYno1" onclick="show('otherDetails13'); disableMe ('contBut'); window.scrollTo(getPos(qust1).x,getPos(qust3).y);" /> <label for="LAno2">No</label> </span> </td> </tr> </table> <div id="ContButCTR" align="center" > <input type="button" name="priorpage" value="Prior Page adress" onclick="javascript:switchid('ppa')" /> <input id="contBut" type="button" disabled name="continue" value="Continue family" onclick="javascript:switchid('rinfo')" /> </div> </div> </div> <!--END SCREEN --> My problem is that I would like the buttons to remain side by side once the first question is answered. I have tried using a div but it disregards the show/hide elements for the radio buttons and leaves them turned on the whole time. Is there anyway to get the buttons to stay side by side with or without a div? 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> So, I'm building a homepage and recently exported a button created in fireworks. When I open the file in it's own window and view it works great, actions and all. However, when I insert the fireworks html file into what I've coded already for the homepage the image shows up but without actions. The javascript code was not inserted. I understand that the javascript code must be present for the rollover actions to occur but don't understand why this wouldn't be inserted when I insert the fireworks html file. Can someone clarify this for me. Must I copy this code over manually from the other html file and paste in the homepage file for it to work? I've never run into this problem before. Thanks for the help... |