HTML - I Got A Problem In My Code
im busy creating a code for a page on a website but i cant get the column's to align properly also i can't find a way to get my links in the column ( the text continious but the columns end so does the text), also i want to get the links to appear yellow (i can't find a code for that either xs ) can some one help me or shuv me in the right direction , in addition heres the code so you can watch it and tell me what to adjust
regards, Mr momo code: <body bgcolor="#40FF00"> <font color="#808080"> <br /> <html> <body> <div id="container" style="width:500px"> <div id="header" style="background-color:#40FF00;"> <h1 style="margin-bottom:0;">H@cker's den of</h1></div> <div id="menu" style="background-color:#800080;height:800px;width:100px;float:left;"> <b><a href="http://www.hellboundhackers.org/index.php">HellboundH@cker's</a></b><br /> HTML<br /> CSS<br /> JavaScript</div> <div id="content" style="background-color:#40FF00;height:250px;width:400px;float:left;"> <center> <pre> ooo. .oo. .oo. oooo d8b `888P"Y88bP"Y88b `888""8P 888 888 888 888 888 888 888 888 .o. o888o o888o o888o d888b Y8P ooo. .oo. .oo. .ooooo. ooo. .oo. .oo. .ooooo. '888P"Y88bP"Y88b d88' `88b `888P"Y88bP"Y88b d88' `88b 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 888 o888o o888o o888o `Y8bod8P' o888o o888o o888o `Y8bod8P' </pre> -------------------------------------------------------- </font> <marquee behavior="slide" direction="right" loop="3" slideamount="999" stop="center" ><h1>On the run</h1></marquee> <marquee behaviour="scroll" direction="down">0110100101100 1100010000001 1110010110111 1011101010010 0000011101110 1100001011011 1001110100001 0000001110100 0110111100100 0000111001001 1001010110000 1011000110110 1000001000000 1101101011001 0100100000011 0011001101001 0110111001100 1000010000001 1011010110010 1001000000110 1111011011100 0100000011010 0001100101011 0110001101100 0110001001101 1110111010101 1011100110010 0011010000110 0001011000110 1101011011001 0101110010011 1001100101110 0110001101101 1110110110100 1000000110100 1011011100010 0000011101000 1101000011001 0100100000011 1001101100001 0110110101100 1010010000001 1000010110110 0011011000110 1001011000010 1110011001000 0001100001011 1001100100000 0110110101111 0010010000001 1100110110100 1011101000110 0101001001110 1110011001000 0001101011011 0010101100101 0111000000100 0000111100101 1011110111010 1011100100010 0000011010000 1100101011000 0101100100011 1001100100000 0110010001101 1110111011101 1011100010000 0011000010110 1110011001000 0100000011110 0101101111011 1010101110010 0010000001100 0110110100001 1010010110111 0001000000111 010101110000. <center> From the law!!!!!</center></marquee> ---------------------------------------------------------- <table border="1" bordercolor="0000000" style="background-color:#40FF00" width="10" cellpadding="" cellspacing=""> <tr> <td>S</td> <td>A</td> <td>T</td> <td>O</td> <td>R</td> </tr> <tr> <td>A</td> <td>R</td> <td>E</td> <td>P</td> <td>O</td> </tr> <tr> <td>T</td> <td>E</td> <td>R</td> <td>E</td> <td>T</td> </tr> <tr> <td>O</td> <td>P</td> <td>E</td> <td>R</td> <td>A</td> </tr> <tr> <td>R</td> <td>O</td> <td>T</td> <td>A</td> <td>S</td> </tr> </table> <p style="font-family:verdana,arial,sans-serif;font-size:10px;"> Leave your username , if intrested in co-op with me on some project's <form name="input" action="SubmittedUsername's.asp" method="get"> Username: <input type="text" name="user" /> <input type="submit" value="Submit" /> </form> </center></div> <div id="footer" style="background-color:#C0C0C0;clear:both;text-align:center;"> @hellboundhackers.org</div> </div> Similar TutorialsHI I have try this code in the ie , it was working good but i try ir in the opera/firefox and both of them was not get the effects . how can solve it ? code: <table border='0' ' bordercolor='#FFFFFF' style='border:dotted;border:1px;;border-color:#FF0000> TNX I am trying to get this page: http://www.stevemedleyphotography.com/bwg/index.html working in both IE and Firefox. After many trials and errors I found the problem to be the W3C DTD Code. Now as an example I'll show you this: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> I say example because I have tried every possible DTD code from http://www.w3.org/QA/2002/04/valid-dtd-list.html and always get the same result. The result is if I put it in like above then the site works in IE 7. But in Firefox (At least on my Mac, can't get Firefox to download on the PC oddly), the webpage loads with the flash getting pushed up really high and into the header, also the entire flash part is significantly smaller. In order to get it working properly in Firefox I have to have the code like this: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> Notice the lack of the final link. This then works in FireFox but in IE it ONLY shows my header and a blank page, no part of the flash loads, or if it is loading then it's so far off screen that I can't see it. Any suggestions? Hello Everyone, The following html code supposed to do simple arithmetic operations (calculator). It generates the calculator table but i can't do any computation. I don't know the problem. Please see the code and give me suggestion/s. Thank you, joealem P.S: I am using dreamweaver. 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=UTF-8" /> <head> <title> CALCULATOR </title> <style type="text/css"> td{ border:1px solid blue; width: 50px; } #results { height:20px; } </style> </head> <body> <table width="379" height="229" border="0" cellpadding="2" cellspacing="2"> <tr> <td colspan="4" id="results"></td> </tr> <tr> <td width="88"><a href="#"onclick="return addDigit(1)">1</a></td> <td width="91"><a href="#"onclick="return addDigit(2)">2</a></td> <td width="85"><a href="#"onclick="return addDigit(3)">3</a></td> <td width="89"><a href="#"onclick="return addDigit('+')">+</a></td> </tr> <tr> <td><a href="#"onclick="return addDigit(4)">4</a></td> <td><a href="#"onclick="return addDigit(5)">5</a></td> <td><a href="#"onclick="return addDigit(6)">6</a></td> <td><a href="#"onclick="return addDigit('-')">-</a></td> </tr> <tr> <td><a href="#"onclick="return addDigit(7)">7</a></td> <td><a href="#"onclick="return addDigit(8)">8</a></td> <td><a href="#"onclick="return addDigit(9)">9</a></td> <td><a href="#"onclick="return addDigit('*')">x</a></td> </tr> <tr> <td><a href="#"onclick="return reset()">Clear</a></td> <td><a href="#"onclick="return addDigit(0)">0</a></td> <td><a href="#"onclick="return calculate()">=</a></td> <td><a href="#"onclick="return addDigit('/')">/</a></td> </tr> </table> <script type="text/javescript"> function addDigit(digit){ var resultField=document.getElementById("results"); resultField.innerHTML=resultField.innerHTML+digit; return false; } function calculate(){ var resultField=document.getElementById("results"); resultField.innerHTML=eval(resultField.innerHTML); return false; } function reset(){ var resultField=document.getElementById("results"); resultField.innerHTML=""; return false; } </script> </body> </html> <body> </body> </html> A site I work for is using a habbo fansite forum. There using a rare values system by Bobboid. (Project Rare Value) But the page that the forum users are meant to see (with the values on) is completely blank. The system has a CP. Ive been given admin so i can fix it. But the source code is giving me no clues as to whats wrong! Heres the code for the CP. (when you add a value) 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>Bobboid Rare Values</title> <link rel="stylesheet" HREF="style.css" TYPE="text/css" media="screen"></head> <body> <div id="main"> <p><img src="banner.png" width="500" height="175" /></p> <div id="navigator"> <p><strong>Navigator</strong></p> <p><br /> <a href="admin_home.php">Home</a><br /> <a href="admin_password.php">Change Password</a><br /> <a href="admin_logout.php">Logout</a><br /> <a href="admin_editrarevalues.php"><br /> Edit Rare Values</a><br /> <a href="admin_editseasonalvalues.php">Edit Seasonal Values</a><br /> <a href="admin_editsupervalues.php">Edit Super Rare Values</a><br /> <a href="admin_editbankvalues.php">Edit Bank Item Values</a> </a><br /> <a href="admin_editseasonalvalues.php">Edit Other Rare Values</a><br /> <br /> <br /> <a href="admin_addrare.php">Add Rare</a><br /> <a href="admin_editrare.php">Edit/Delete Rare</a><br /> <a href="admin_viewhistory.php">View History </a><br /> <br /> <br /> <br /> <a href="admin_adduser.php">Add User</a><br /> <a href="admin_removeuser.php">Remove User</a><br /> <a href="admin_edituser.php">Edit User</a><br /> <br /> <br /> <br /></p> <p> </p> </div> <div id="content"> <p><strong>Add a Rare </strong></p> <form id="form1" name="form1" method="post" action=""> <label><em><strong>Details</strong></em><br /> <br /> Rare Name <input name="name" type="text" id="name" /> </label> <br /> <label>Rare Type <select name="type" id="type"> <option value="rare">Rare</option> <option value="seasonal">Seasonal</option> <option value="super">Super Rare</option> <option value="bank">Bank</option> <option value="other">Other</option> </select> And heres the code for the page that the forum users are meant to see the values and that on: PHP Code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"></HEAD> <BODY></BODY> <META content=ORTNQESHAF name=SKYPE_FRAMEID></HTML> Are there any clues as to how i can rebuild the code for that page? Because someone has deleted it! Please help il find some way to thank you! hi, problem with my code. it does not post to the save.php, the only thing that gets posted to the php file is a ":" can someone help Code: <form method="POST" action="save.php"> <div align="center"> Username: <input type="text" name="username" size="15" /><br /> <div align="center"> Gender: <input type="gender" name="gender" size="15" /><br /> <div align="center"> E-mail: <input type="email" name="email" size="15" /><br /> <div align="center"> <p><input type="submit" value="Sign Up" /></p> </div> </form> I dont know what happened but all of a sudden I have no "layout view" and it looks like all code is in head section. Please help me, I cant figure it out. I used golive 7.0 for this crap code. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <title>Room additions.</title> <meta name="keywords" content="san diego bath remodeling, san diego room additions, san diego remodeling contractor, san diego room addition contractor,san diego kitchen & bath remodeling" <meta name="author" content="http://www.hdr.com"> <meta name="copyright" content="hd"> <meta name="revisit-after" content="7 days"> <meta name="robot" content="All"> <link href="main.css" rel="stylesheet" type="text/css" media="all"> <csscriptdict import> <script type="text/javascript" src="GeneratedItems/CSScriptLib.js"></script> </csscriptdict> <csactiondict> <script type="text/javascript"><!-- var preloadFlag = true; // --></script> </csactiondict> </head> <body leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="1235" border="0" cellspacing="0" cellpadding="0" align="center" background="images/bg.jpg" cool gridx="10" gridy="10" height="1014" showgridx showgridy usegridx usegridy> <tr height="78"> <td width="252" height="550" rowspan="5" valign="top" align="left" xpos="0"><img src="images/bg_top_L.jpg" alt="" height="434" width="252" border="0"></td> <td width="220" height="78" colspan="5" valign="top" align="left" xpos="252"><img src="images/logo.jpg" alt="" height="78" width="220" border="0"></td> <td width="507" height="78" colspan="3" valign="top" align="left" xpos="472"><img src="images/phone_head.jpg" alt="" height="78" width="507" border="0"></td> <td width="255" height="550" rowspan="5" valign="top" align="left" xpos="979"><img src="images/bg_top_r.jpg" alt="" height="434" width="255" border="0"></td> <td width="1" height="78"><spacer type="block" width="1" height="78"></td> </tr> <tr height="26"> <td width="194" height="935" rowspan="5" valign="top" align="left" xpos="252"><csobj h="935" occur="5" t="Component" w="194" csref="menu.html"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/but1.jpg" alt="" height="16" width="194" border="0"></td> </tr> <tr> <td><a onmouseover="changeImages('but2','images/but2_over.jpg');return true" onmouseout="changeImages('but2','images/but2.jpg');return true" href="index.html"><img id="but2" src="images/but2.jpg" alt="" name="but2" height="26" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but3','images/but3_over.jpg');return true" onmouseout="changeImages('but3','images/but3.jpg');return true" href="#"><img id="but3" src="images/but3.jpg" alt="" name="but3" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but4','images/but4_over.jpg');return true" onmouseout="changeImages('but4','images/but4.jpg');return true" href="#"><img id="but4" src="images/but4.jpg" alt="" name="but4" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but5','images/but5_over.jpg');return true" onmouseout="changeImages('but5','images/but5.jpg');return true" href="#"><img id="but5" src="images/but5.jpg" alt="" name="but5" height="22" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but6','images/but6_over.jpg');return true" onmouseout="changeImages('but6','images/but6.jpg');return true" href="#"><img id="but6" src="images/but6.jpg" alt="" name="but6" height="22" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but7','images/but7_over.jpg');return true" onmouseout="changeImages('but7','images/but7.jpg');return true" href="#"><img id="but7" src="images/but7.jpg" alt="" name="but7" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but8','images/but8_over.jpg');return true" onmouseout="changeImages('but8','images/but8.jpg');return true" href="#"><img id="but8" src="images/but8.jpg" alt="" name="but8" height="24" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but9','images/but9_over.jpg');return true" onmouseout="changeImages('but9','images/but9.jpg');return true" href="#"><img id="but9" src="images/but9.jpg" alt="" name="but9" height="23" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but10','images/but10_over.jpg');return true" onmouseout="changeImages('but10','images/but10.jpg');return true" href="#"><img id="but10" src="images/but10.jpg" alt="" name="but10" height="25" width="194" border="0"></a></td> </tr> <tr> <td><a onmouseover="changeImages('but11','images/but11_over.jpg');return true" onmouseout="changeImages('but11','images/but11.jpg');return true" href="#"><img id="but11" src="images/but11.jpg" alt="" name="but11" height="26" width="194" border="0"></a></td> </tr> <tr> <td><img src="images/menu_low.jpg" alt="" height="235" width="194" border="0"></td> </tr> <tr> <td><img src="images/special1.jpg" alt="" height="130" width="194" border="0"></td> </tr> <tr> <td><img src="images/special2.jpg" alt="" height="126" width="194" border="0"></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> </table> </csobj></td> <td width="533" height="26" colspan="7" valign="top" align="left" xpos="446"><img src="images/frame_top.jpg" alt="" height="26" width="533" border="0"></td> <td width="1" height="26"><spacer type="block" width="1" height="26"></td> </tr> <tr height="221"> <td width="16" height="221" colspan="3" valign="top" align="left" xpos="446"><img src="images/frame_left.jpg" alt="" height="221" width="16" border="0"></td> <td width="501" height="221" colspan="2" valign="top" align="left" xpos="462"><img src="images/main_pic.jpg" alt="" height="221" width="501" border="0"></td> <td width="16" height="221" colspan="2" valign="top" align="left" xpos="963"><img src="images/frame_rt.jpg" alt="" height="221" width="16" border="0"></td> <td width="1" height="221"><spacer type="block" width="1" height="221"></td> </tr> <tr height="38"> <td width="533" height="38" colspan="7" valign="top" align="left" xpos="446"><img src="images/frame_bottom.jpg" alt="" height="29" width="533" border="0"></td> <td width="1" height="38"><spacer type="block" width="1" height="38"></td> </tr> <tr height="187"> <td width="8" height="187" colspan="2"></td> <td content csheight="177" width="517" height="187" colspan="4" valign="top" xpos="454"><span class="h1b">Welcome & Remodeling.</span><span class="h1"><br> </span>Thank you for taking the time to <a class="test" href="index.html">look</a> around. <p>Remodeling kitchen .</p> <p>Remodeling bathrooms</p> </td> <td width="8" height="187"></td> <td width="1" height="187"><spacer type="block" width="1" height="187"></td> </tr> <tr height="463"> <td width="252" height="463"></td> <td width="1" height="463"></td> <td width="787" height="463" colspan="7" valign="top" align="left" xpos="447"><img src="images/line.jpg" alt="" height="16" width="533" border="0"></td> <td width="1" height="463"><spacer type="block" width="1" height="463"></td> </tr> <tr height="1" cntrlrow> <td width="252" height="1"><spacer type="block" width="252" height="1"></td> <td width="194" height="1"><spacer type="block" width="194" height="1"></td> <td width="1" height="1"><spacer type="block" width="1" height="1"></td> <td width="7" height="1"><spacer type="block" width="7" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="10" height="1"><spacer type="block" width="10" height="1"></td> <td width="491" height="1"><spacer type="block" width="491" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="8" height="1"><spacer type="block" width="8" height="1"></td> <td width="255" height="1"><spacer type="block" width="255" height="1"></td> <td width="1" height="1"></td> </tr> </table> <csobj h="240" occur="30" t="Component" w="1260" csref="footer.html"> <table width="1234" border="0" cellspacing="0" cellpadding="0" align="center" background="images/foot.jpg" height="240"> <tr height="51"> <td width="261" height="51"></td> <td width="130" height="51"></td> <td width="138" height="51"></td> <td width="155" height="51"></td> <td width="260" height="51"></td> <td width="50" height="51"></td> <td width="241" height="51"></td> </tr> <tr height="125"> <td width="261" height="125"></td> <td valign="top" width="130" height="125"><a href="index.html">Home</a><br> <a href="about%3ehtml">About Us</a><br> <a href="services.html">Services</a><br> <a href="gallery.html">Gallery</a><br> <a href="clients.html">Clients</a><br> <a href="contact.html">Contact Us</a></td> <td valign="top" width="138" height="125"><a href="design.html">Design Services</a><br> <a href="kitchens.html">Kitchen Remodeling</a><br> <a href="baths.html">Bath Remodeling</a><br> <a href="room_additions.html">Room Additions</a><br> <a href="home_repairs.html">Home Repairs</a><br> <p></p> </td> <td valign="top" width="155" height="125"></td> <td width="260" height="125"></td> <td width="50" height="125"></td> <td width="241" height="125"></td> </tr> <tr> <td width="261"></td> <td width="130"></td> <td width="138"></td> <td width="155"></td> <td align="right" width="260">Copyright © HDR 2009</td> <td width="50"><img src="images/logo_vg.jpg" alt="" height="35" width="50" align="right" border="0"></td> <td width="241"></td> </tr> </table> </csobj> </body> </html> ok I tride other fourms but they did not help me at all so i asking here. this table is not working and I am having trouble with it. I have this code for the table: <TABLE border=1 backround="file:///C:/Documents%20and%20Settings/crocker%20bob/My%20Documents/My%20Pictures/content%20box.bmp"> <TR> <TD>I rock</TD> <img width="1" height="100" align="left" src="invisible.gif"> </TD> </TR> </TABLE> but when I try to add the width for the table the backround for the table dissapears. my question is why when I try to add a width for the table the backround for the table dissapers? and how can i fix this? Hi, Been having a few problems with my code and need to seek help! I have pasted the code below of what i currently have, which works but the code it's self is invaild and will not pass xhtml checker. This is because i have the link arround other tags so the idea is when you hover over it the background image will change. If i put the link on its own in front of the code it will then just show the hover backgrounds but the text will be pushed below. I cant see how you get around this issue and help or pointers would be great! Thanks This is what i have: Code: div class ="features"> <a href="design.htm"> <h2>Starter</h2> <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> <li>item 4</li> </ul> <div class="more">More</div></a> </div> The Css: Code: .features { display:block; width: 202px; height: 202px; float:left; margin-left: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin-top: 25px; color: #0066FF; } .features a{ display: block; height: 202px; width: 202px; background: url(images/button.gif) top left; background-repeat: no-repeat; } .features a:hover { background-position: bottom left; display:block; width: 202px; height: 202px; background-repeat: no-repeat; } Hi. First time posting here, I hope this is a good place to get some quick help as I've hit a problem I can't figure out myself. I'm having problems with a site I'm working on: http://megansmetalworks.com/home.html My problem is this: the row I've created at the top of the page is far thicker in Firefox than in Safari (where it shows up exactly the height I wanted) In FireFox it is HUGE! how do I fix this? I must have made a mistake The code in question is as follows: <frameset rows="70, 20% framespacing="0" frameborder="0"> In safari it appears to show up correctly, 70 pixels tall. But in FireFox it is much larger and takes up the top half of the screen. Can anyone explain why this is? I need the navigation bar at the top to show up at the same height in all browsers. Thanks in advance. How do I make a blank text field where people can type in their e-mail and press submit and then that gets emailed to me? I have this code: <FORM method="post" name="newsletter" action="http://formmail.dreamhost.com/cgi-bin/formmail.cgi" enctype="multipart/form-data"> <INPUT type=text name="email" value="Type Here" size=15 AUTOCOMPLETE=ON> <INPUT TYPE="image" src="http://www.averytrips.com/submit.jpg" alt="Submit"> </FORM> It's supposed to be e-mailed to newsletter@averytickets.com. I put in the CGI action that dreamhost gave to me, but I don't know how to point it towards newsletter@averytickets.com. Any help is much appreciated, thanks! Hey, For some reason my table portion of this code does not display... Also, my background color or my td color also do not display...HTML code is posted below. Any help would be awesome... Thanks! HTML Code: <html> <head> <title>Business Projection Site</title> <style> body {bacground-color: #00AAAA} table {border-collapse: collapse} td {background-color: rgb(0,230,0)} </style> <script> L=211; verty=Math.floor(L/20)*1.0; function forecast(){ a1=parseFloat(document.form1.input1.value); a2=parseFloat(document.form1.input2.value); a3=parseFloat(document.form1.input3.value); a4=parseFloat(document.form1.input4.value); d1=a2-a1; d2=a3-a2; d3=a4-a3; dmax=Math.max(Math.abs(d1),Math.abs(d2),Math.abs(d3)); dmin=Math.min(Math.abs(d1),Math.abs(d2),Math.abs(d3)); err=dmax-dmin; avga=(a1+a2+a3+a4)/4.0; erra=err/avga; avgd=(d1+d2+d3)/3.0 r1=a2/a1; r1=a3/a2; r1=a4/a3; rmax=Math.max(r1,r2,r3); rmin=Math.min(r1,r2,r3); errg=rmax-min; avgr=(r1+r2+r3)/3.0; if(errg<erra)stype="A"; else stype="g"; if(stype="A") { a5=a4*avgd; a6=a5*avgd; a7=a6*avgd; a8=a7*avgd; } else{ a5=a4*avgr; a6=a5*avgr; a7=a6*avgr; a8=a7*avgr; } document.form1.out1.value=a5.toFixed(2); document.form1.out2.value=a6.toFixed(2); document.form1.out3.value=a7.toFixed(2); document.form1.out4.value=a8.toFixed(2); msglin='Your data is more like a linear trend than a % growth. '; msglin= msglin+'The average change per period is '+avgd; msgexpgr='Your data is more like % growth than linear trend. '; avgrgr =100.*(avgr-1.0); avgrgr=avgrgr.toFixed(2); msgexpred='Your data is more like % reduction than linear trend. '; avgrred = 100.*(1.0-avgr); avgrred=avgrred.toFixed(2); msgexpred= msgexpred+'The average reduction per preiod is '+avgrred+'%'; if(stype=="A")document.form1.anal.value=msglin; else if(avgr>1.0) document.form1.anal.value=msgexpgr; else document.form1.anal.value=msgexpred; } function plot() { var values=new Array (a1,a2,a3,a4,a5,a6,a7,a8); var yt2=new Array(8); var xt1=new Array(8); var minPV=9999; var maxPV=-9999; for (i=0; i<8; i++){ if (values[i]<minPV) minPV=values[i]; if (values[i]>maxPV) maxPV=values[i]; } for (i=0; i<8; i++){ yt2[i]=(values[i]-minPV)/(maxPV-minPV)*(L-(2*verty))+verty; } for (i=0; i<8; i++){ xt1[i]=Math.round((L-(2*verty))/(8-1)*i+verty); } for (i=0; i<4; i++){ line1(xt1[i], yt2[i], xt1[i+1], yt2[i+1], "#FFF7F7"); points (xt1[i], yt2[i], "#000000", 3); } for (i=4; i<8; i++){ line1(xt1[i], yt2[i], xt1[i+1], yt2[i+1], "00EEEE"); points (xt1[i], yt2[i], "#000000", 3); } function clearplot() { for(i=1;i<=L;i++){ for(j=1;j<=L;j++){ a=document.getElementById(j+","+i); a=style.backgroundColor="#FF7777"; } } } function point(xx1,yy1,color1) { yy1=Math.round(yy1); xx1=Math.round(xx1); idPoint=(L-yy1+1)+","+xx1; cell1=document.getElementById(idPoint); cell1.style.backgroundColor=color1; } function points(xx1,yy1,color1,n) { n2=Math.floor(n/2); for(i1=0; i1<n; i1++) for(j1=0; j1<n; j1++) point(xx1-n2+i1,yy1-n2+j1,color1); } function line1(xx1, yy1, xx2, yy2, color1) { m=(yy2-yy1)*1.0/(xx2-xx1); if (Math.abs(xx2-xx1) >= Math.abs(yy2-yy1)) { for (j=xx1; j<=xx2; j++){ y=m*(j-xx1)+yy1; point(j,y,color1); } } else { ymax=Math.max(yy1,yy2); ymin=Math.min(yy1,yy2); for(k=ymin; k<=ymax; k++){ x=(k-yy1)/m+xx1; point(x,k,color1); } } } function expGrowth() { document.form1.input1.value="10.0"; document.form1.input2.value="20.0"; document.form1.input3.value="40.0"; document.form1.input4.value="80.0"; document.form1.out1.value=''; document.form1.out2.value=''; document.form1.out3.value=''; document.form1.out4.value=''; document.form1.analysis.value=""; } function expReduction() { document.form1.input1.value="200.0"; document.form1.input2.value="100.0"; document.form1.input3.value="50.0"; document.form1.input4.value="25.0"; document.form1.out1.value=''; document.form1.out2.value=''; document.form1.out3.value=''; document.form1.out4.value=''; document.form1.analysis.value=""; } function linGrowth() { document.form1.input1.value="10.0"; document.form1.input2.value="20.0"; document.form1.input3.value="30.0"; document.form1.input4.value="40.0"; document.form1.out1.value=''; document.form1.out2.value=''; document.form1.out3.value=''; document.form1.out4.value=''; document.form1.analysis.value=""; } function linReduction() { document.form1.input1.value="40.0"; document.form1.input2.value="30.0"; document.form1.input3.value="20.0"; document.form1.input4.value="10.0"; document.form1.out1.value=''; document.form1.out2.value=''; document.form1.out3.value=''; document.form1.out4.value=''; document.form1.analysis.value=""; } </script> </head> <body> <h2>Revenue Projection</h2> <form name='form1'> <b>Enter 4 historical data points:</b> <br/> <pre>1. Enter at least 2 data points in this section to forecast and plot your data. 2. Or click on one of the buttons below for examples of linear or exponential growth, or shrink or linear reductions growths.</pre> <p> <input type= 'textfield' size=15 name='input1' /> <input type= 'textfield' size=15 name='input2' /> <input type= 'textfield' size=15 name='input3' /> <input type= 'textfield' size=15 name='input4' /> <p> <input type="button" value="Exponential Reduction" onclick="expReduction()"/> <input type="button" value="Linear Reduction" onclick="linReduction()"/> <input type="button" value="Linear Growth" onclick="linGrowth()"/> <input type="button" value="Exponential Growth" onclick="expGrowth()"/> <p> <b>Predicted Future Values:</b> <p> <input type="text" name="out1" size=15 /> <input type="text" name="out2" size=15 /> <input type="text" name="out3" size=15 /> <input type="text" name="out4" size=15 /> <p><input type="button" value="Forecast" onclick="forecast()"> <p><input type="text" size="115" name="anal" /> </form> <h4>Normalized Plot:</h4> <p> <input type="button" value="Plot Data" onclick="plot()"> <input type="button" value="Clear Plot Data" onclick="clearplot()"> <p> <table> <script> for(i=0; i<L; i++){ document.write("<tr>"); for(j=0; j<L; j++){ document.write("<td id='"+i+","+j+"'>"); } document.write("</tr>") } </script> </table> </body> </html> This very simple html is showing differently in IE8 and IE7 and FireFox: HTML Code: <img src="" style="border-style: solid;" alt="No Pic" /> <table style="border-style: solid;"> <tr> <td> Model Name </td> </tr> </table> With IE8 and FireFox 3.013 there is no gap between the img and table, but in IE7 there's a gap???? (although someone else I asked can see the gap in IE8 but not FireFox) Help please I have a form and am entering in some html code into it, but it's not posting. I guess it's a parsing error. In PHP I would addslashes or something like that, but i don't know what to do for a form... I'm sure this is really simple and i've got it wrong. I have been trying different things and searching the web for hours now... Thank you, Jo Hello All, So, I have a website with a floating cart and it loads fine and works almost flawlessly lol. However, when a person has a bunch of items in their cart, and they want to minimize it for the rest of their browsing experience, every time a new page loads, or a refresh happens, the floating cart un-minimizes and expands out fully again displaying all the items. This can become very annoying during the shopping experience when you have a bunch of items loading and just taking up space in the browser. Therefore, I am wondering if their is some html or script that would save the minimizing in the floating cart, and carry it over to the next page, and the rest of the browsing on site? Thank you for any suggestions/help. I am new to HTML and script writing, but I am eager to learn. Hopefully in the future, I won't be paying for little changes like this every time I need one. I am new to web building and almost done with my first website. There are 2 problems I am having and if they were to be solved I could finish completely. Any help on these two issues would be greatly appreciated. The url the everything is hosted at is hillsidemedicalbilling.com/ if you visit it you will notice what I am referring to. I am trying to place share buttons for some of the social networking sites on the page using custom icons. After 4 days of reading everything I can find on them I have gotten pretty close. It seems the Twitter button is the only one that is actually working, and even then, the title does not post with the link. All of the other ones bring up a page for the right website but it says "this page no longer exists." The second problem I am having is, the google + button will not align correctly (I want it to be centered with what is directly above it), I had the same problem with the facebook "like" button, but was eventually able to fix it by adding padding-left: 48px; to the CSS. After trying this with the google+ buttons, it does not respond. You will see what I have tried as I have left it on the CSS (but deleted padding-left: 58px; that I attempted unsuccessfully). All of the social networking buttons are within <div h2 name="logo"...name="social" Here is the markup I have figured out thus far: HTML Code: <div id="logo"> <h2 class="social"> <a target="_blank" rel="external" href="http://reddit.com/submit=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/reddit_wood.JPG" title="Reddit"/></a> <a target="_blank" rel="external" href="http://twitter.com/home?status=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/twitter_wood.JPG" title="Twitter"/></a> <a target="_blank" rel="external" href="http://www.linkedin.com/shareArticle?mini=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/linkedin_wood.JPG" title="LinkedIn"/><br /></a> <a target="_blank" rel="external" href="http://digg.com/submit?phase=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/digg_wood.JPG" title="Digg"/></a> <img target="_blank" rel="external" src="images/rss_wood.JPG" title="RSS" alt=""/> <a target="_blank" rel="external" href="http://www.stumbleupon.com/submit?url=http://hillsidemedicalbilling.com/&title=Hillside Medical Billing"> <img src="images/stumbleupon_wood.JPG" title="StumbleUpon"/></a><br /> <div class="fb-like" data-href="http://hillsidemedicalbilling.com/" data-send="true" data-layout="button_count" data-show-faces="true" data-font="arial"></div> <br /> <div class="g-plusone" data-size="small" data-href="http://hillsidemedicalbilling.com/"></div> </h2> <h2 class="member"><a target="_blank" rel="external" href="http://www.nebazone.com/exam.html/"><img src="images/NEBA.JPG" /></a></h2> <h1 class="logo">Welcome To<br /><a href="http://hillsidemedicalbilling.com/"> <img src="images/HMBLogoMed.jpg" /></a></h1> </div> on my site (www.absoluteECW.site88.net) underneath the button Latest Blog.. i want to put in this youtube video, HOW do i get it, what code should i use? The background is set to behind, i just want to know, have it sized and everything. Anyone who can help, will give BIG props!!! please help, this is the final thing that i need THIS PROBLEM IS WITH --IE-- ONLY I have this piece of code that I simplified as much as I could to show a simple example: PHP Code: <table width="50%"> <tr><td colspan="2">short</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> <table width="50%"> <tr><td colspan="2">long long long long long long long</td></tr> <tr> <td width="128"><img src="" width="110"></td> <td>a<br>a<br>a</td> </tr> </table> For some reason when long-long-long text is long enough, it pushes a-a-a-a to the right even through one of the cells is limited to 128 pixels.. If I color the backgrounds of the cells in different colors, it is evident that it is the cell pushing, not text-alignment problem Question, why the cell is affected but the upper cell text length even through it is properly col-spanned..? My html problem keeps failling, with all my image codes.. shown for 10 errors which are all for the images what's wrong? Here is the 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=utf-8" /> <!-- New Perspectives on HTML and XHTML 5th Edition Tutorial 2 Case 2 Fiddler Home Page Author: Date: 2-16-2011 Filename: home.htm Supporting files: fiddler.jpg --> <title>, ITSE 1411 Lab Project 2, Tutorial 2 Case 2, Due 02/23/2011</title> </head> <body> <div> <img src="fiddler.jpg" alt="Fiddler on the Roof" /> <hr /> <a href="home2.htm"><img src="home.jpg" alt="home" /></a> <a href="slide1txt.htm"<img src="start.jpg" alt="start" /></a> <a href="slide1txt.htm"<img src="back.jpg" alt="back" /></a> <a href="slide2txt.htm"<img src="forward.jpg" alt="forward" /></a> <a href="slide6txt.htm"<img src="end.jpg" alt="end" /></a> <br /> <a href="slide1txt.htm"<img src="thumb1.jpg" alt="slide1" style="border-width: 5" /></a> <a href="slide2txt.htm"<img src="thumb2.jpg" alt="slide2" style="border-width: 0" /></a> <a href="slide3txt.htm"<img src="thumb3.jpg" alt="slide3" style="border-width: 0" /></a> <a href="slide4txt.htm"<img src="thumb4.jpg" alt="slide4" style="border-width: 0" /></a> <a href="slide5txt.htm"<img src="thumb5.jpg" alt="slide5" style="border-width: 0" /></a> <a href="slide6txt.htm"<img src="thumb6.jpg" alt="slide6" style="border-width: 0" /></a> </div> <hr /> <div> <img src="slide1.jpg" alt="slide1" /> </div> <blockquote> <p><i>Do You Love Me?</i> sung by Deb Ingalls and Thomas Gates</p> </blockquote> </body> </html> Hello, I am a student and working on a simple first project. All I'm doing right now is writing my code in text edit, saving it as "test.html", and dragging and dropping the file onto Safari/Firefox to view my code. Everything works when I'm at my college's computer lab, but when I'm on my own mac notebook, the files load in the browser as my code. I've tried a variety of samples and checked my preferences, but I can't figure out what I'm doing wrong. Sample code I'm using - <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> <HTML> <HEAD> <TITLE>Simple Link Example 2</TITLE> </HEAD> <BODY> <H1 ALIGN="CENTER">Creating Relative Reference Links</H> <HR> <P>Open <A HREF="practice1.html">Practice 1</A>.</P> <P> Open <A HREF="practice2.html">Practice 2</A>.</P> <P>Open <A HREF="practice3.html" TARGET="_blank"> Practice 3</A> in a new window.</P> </BODY> </HTML> Please help! I'm trying to wrap up an assignment and have been banging my head against the wall all night. Thanks! cordelia |