|
HTML - Problem With Code For Columns And Rows
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. Similar TutorialsHow can you make a border appear between rows in a table but not between the columns? Hence you won't notice that there's actally any columns in the table since it's not squared, only the rows are marked, but the columns still are there to prevent the cells from ending up at different horizontal positions at the different rows. So i haven't been able to figure this out and in need of some assistance.Here is the code.want to put them in rows of 2 & columns of 4 but instead it put them in a list.Im sure this is a simple fix.I only have it set up to list 5 products but can set it up for more.If you need the entire page of code just let me know. The webpage for the code http://www.allyugioh.com/products_list <!-- Item loop --> <notag rst:define:img="item1:/ImageUrl" rst:define:notavailable="0" /> <notag rst:ifnot="{img}" rst:define:img="img/noimage.gif" /> <notag rst:if="{item1:/QtyAvailable} le 0" rst:define:notavailable="1" /> <div rst:if="item1:/Title"> <hr/> <a href="#" rst:content="item1:/Title" rst:href:lid="{item1:@id}" rst:href:pagename="product">name</a><br /> <img border="0" height="100" rst:attr:id="thumb{item1:@id}" rst:attr:src="{img}" src="img/imgb.gif" width="100" /><br /> <div class="prod_details_tab"> <b><i rst:content="{item1:/Price@currency}{item1:/Price}">$1</i><br /></b> <a href="#" rst:href:lid="{item1:@id}" rst:href:verb="ATC" rst:href:pagename="cart" rst:ifnot="{notavailable}">add to cart</a> </div> <i rst:content="">$1</i><br /> <i rst:content="">$1</i><br /> <br /><br /> </div> </notag> <!-- Item loop end --> Hi experts, I'm trying to create a form whereby I need to insert more than 100 radio buttons for user to select. When I tried out my code which is as follows:- <td>Locations</td> <td><input type="radio" id="txtlocation" value="Admiralty" name="txtlocation"/>Admiralty and the list go on until the 100 radio buttons. The outcome is horrendous to say the least. I hope the experts here can share with me how to neathly align all the radio buttons into 3 columns with 22 rows. OK. Hope to hear the experts' view soon. Thank you. Ok, I am creating a calculator with html and javascript. I am using a table to format the buttons and text displays. The code is posted below with the table itself. It is supposed to be 3 cells height and 1 cell width but it turns out as 2 cells width and 2 cells height. I can't figure out the error in my code so can someone please figure out what is wrong with my tags: HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style type=text/css>
input
{
background-color: black;
color: white;
}
th
{
background-color: black;
color: white;
}
td
{
background-color: green;
}
</style>
<script type="text/javascript">
var a;
var b;
var c;
var d;
var e;
function inputtext(inputtext)
{
a=document.getElementById("inputcalculation").value;
b=inputtext;
c=a+b;
document.getElementById("inputcalculation").value=c;
}
function Evaluate()
{
d=document.getElementById("inputcalculation").value;
e=eval(d);
document.getElementById("outputcalculation").value=e;
document.getElementById("inputcalculation").value="";
}
</script>
<title>Help-In-Math Calculator</title>
</head>
<body>
<table border="1">
<tr>
<th colspan="11" style="background-color: black">
<center>
<input type="text" id="inputcalculation" value="" />
</center>
</th>
</tr>
<tr>
<td colspan="11" rowspan="5">
<center>
<input type="button" value="1" onclick="inputtext('1')" /> <input type="button" value="2" onclick="inputtext('2')" /> <input type="button" value="3" onclick="inputtext('3')" /> <input type="button" value="+" onclick="inputtext('+')" />
<br />
<input type="button" value="4" onclick="inputtext('4')" /> <input type="button" value="5" onclick="inputtext('5')" /> <input type="button" value="6" onclick="inputtext('6')" /> <input type="button" value="-" onclick="inputtext('-')" />
<br />
<input type="button" value="7" onclick="inputtext('7')" /> <input type="button" value="8" onclick="inputtext('8')" /> <input type="button" value="9" onclick="inputtext('9')" /> <input type="button" value="X" onclick="inputtext('*')" />
<br />
<input type="button" value="0" onclick="inputtext('0')" /> <input type="button" value="." onclick="inputtext('.')" /> <input type="button" value="00" onclick="inputtext('00')" /> <input type="button" value=÷ onclick="inputtext('/')" />
<br />
<input type="button" value="EVALUATE" onclick="Evaluate()" style="background-color: blue"/>
</center>
</td>
</tr>
<tr>
<td colspan=11>
<input type="text" id="outputcalculation" onfocus="blur()" />
</td>
</tr>
</table>
</body>
</html>
Hi Can anyone solve this problem. Here is my 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>Hide/Show Test!</title> <style> .myclass1 { background-color:#CCCCCC; display:block; } .myclass2 { display:none; } </style> </head> <body> <script> function hideNshow(){ var e1=document.getElementById('A1C1_1'); if(e1.className=="myclass1") { e1.className="myclass2"; } else { e1.className="myclass1"; } e1=document.getElementById('A1C1_2'); if(e1.className=="myclass1") { e1.className="myclass2"; } else { e1.className="myclass1"; } } </script> <!-- <input type="button" name="myBtn" value="Click Me!" onclick=" hideNshow();"/>--> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td><a href="#" onclick=" hideNshow();">Row1/Cell1</a></td> <td >Row1/Cell2</td> <td>Row1/Cell3</td> </tr> <tr id="A1C1_1" class="myclass2"> <td>Row2/Cell1</td> <td>Row2/Cell2</td> <td>Row2/Cell3</td> </tr> <tr id="A1C1_2" class="myclass2"> <td>Row2/Cell1</td> <td>Row2/Cell2</td> <td>Row2/Cell3</td> </tr> <tr> <td>Row3/Cell1</td> <td>Row3/Cell2</td> <td>Row3/Cell3</td> </tr> <tr> <td>Row4/Cell1</td> <td>Row4/Cell2</td> <td>Row4/Cell3</td> </tr> <tr> <td>Row5/Cell1</td> <td>Row5/Cell2</td> <td>Row5/Cell3</td> </tr> </table> </body> </html> It is working fine in IE. When I click the link It displays the hidden rows and hides when I click the link agian. But in Firefox it is giving error. It is adding empty rows. How to prevent that. Thanks in advance. Hi, I'm having a basic problem with a HTML table. It displays exactly how I want on Firefox 3.5.15 but on Internet Explorer 8 is does not. Can anyone point out what I need to do to get this table displaying in IE as it does in Firefox? Below is my HTML table and I suspect IE 8 is ignoring 'rules = rows'; <?php echo '<TABLE bordercolor=#000000 cellspacing=0 cellpadding=10 border=0 rules=rows frame=box width="90%">'."\n"; echo '<tr>'; echo '<td><B><font size=1>Test Name</font></B></td><td><B><font size=1>Date</font></B></td><td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 1</font></td><td><font size=1>01/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 2</font></td><td><font size=1>02/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 3</font></td><td><font size=1>03/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 4</font></td><td><font size=1>04/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '<td><font size=1>Test Number 5</font></td><td><font size=1>05/01/2010</font></td>'; echo '</tr>'; echo '<tr>'; echo '</TABLE>'."\n"."\n"; ?> Thanks! Hello, I would like to make my two column web page into 3 columns and dont know how to do this. It is a template and I cannot figure out where to put the <td>. My site is online and then I hope to delete this link if it is possible. Please no negative remarks as I am notlooking for visitors I just want help. please. ] Here is the code I want to put into the code but not sure where to put it to get the 3rd column. I hope someone will be kind enough to help . thanks. <td width="200"> <table width="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="200"> <p> <a href="index.html">Home</a> </p> </td> </tr> </table> 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> 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? HI 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 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>
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, 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;
}
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> 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>
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? 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>
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! 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> |
|||||||