HTML - Need Help With Small Code Problem
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> Similar TutorialsHow do I set a very small font size for 1 sentence. I tried <small> but it's not small enough. I need something like a font size 1 or 2. Ive posted several times here before about this part of my website, guess what.. another challenge yet again In has got this pop outscript that pops out at the left side of the screen when hovered on. Click here, see the button on the bottom left to see it working. Now, I just tested the site on a 1024x768 resolution and when hovered on, it shows but fails to create a solution for the small screen. ( a horizontal scrolling bar perhaps? ) It just pops up and only half gets shown. I have tried adding overflow:visible, overflow-x:visible, etc. etc. Frankly I dont know how to solve it, could appreciate some help. Thanks. Hey everyone I'm new here.. I do have a slight problem, and I'm not sure where to look. I have a .swf file that is using a lot of bandwidth right now, mainly about 4GB of bandwidth a day. I don't mind that it is using that much, but I'm thinking why not put some advertisement links to try to make some money from showing this thing all the time. The link to it is, http://www.mypcgeeks.com/screenclean.swf It's a little pug licking the screen and people are getting a kick out of it, which is great, but what I want ultimately to be done is instead of going just to the .swf, to possibly redirect, or even add just a advertisement table above the .swf Suggestions? Thanks <html><body> <table width="670" height="" cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td><table width="650" cellspacing="0" cellpadding="6" border="0" bgcolor="#f9f5f3" align="center"> <tbody> <tr> <td colspan="2"><img width="650" height="230" align="middle" src="/assets/images/Tifco Ezine/banner.jpg" alt="" /></td> </tr> <tr> <td colspan="2"><p><span style="color: rgb(193, 139, 92);"><strong><span style="font-size: x-large;">Summer Offers at Parknasilla Resort & Spa</span></strong></span></p> <p><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Self Catering in Style</span></span></p> <p>Only €200 per night for a 5 night self catering break in one of our two bedroom luxury lodges. Situated just behind the main house the lodges offer a fantastic alternative to staying in the hotel and allow your family absolute freedom to come and go as they choose!</p> <p><span style="font-size: large;">€200 Per Night </span></p> <p><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table width="320" cellspacing="0" cellpadding="" border="0" align="left"> <tbody height="400" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" img=""><tr valign="top"> <td style=""><p style="text-align: left; margin-left: 15px;"> </p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Sumptuous Spa Package</span></span></strong></p> <p style="text-align: left; margin-left: 15px;">Relax & unwind in our stunning thermal spa with panoramic views of the Atlantic Ocean and Kerry Mountains!</p> <p style="text-align: left; margin-left: 15px;">Package includes:</p> <ul> <li style="text-align: left;"><p>2 Nights Overnight Accommodation</p></li> <li style="text-align: left;"><p>Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>spa treatment</p></li> </ul> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;">Only €269 PPS </span></p> <p style="text-align: left; margin-left: 15px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> <table cellspacing="0" cellpadding="" border="0" bgcolor="#f9f5f3" align="right" style="width: 320px; height: 400px;"> <tbody height="400" > <tr bgcolor="#f9f5f3" background="/assets/images/Tifco Ezine/background.jpg" align="middle" alt="" width="320" height="400" img="" valign="top"> <td style=""><p style="text-align: left;"><strong> </strong></p><p style="text-align: left; margin-left: 15px;"><strong><span style="color: rgb(193, 139, 92);"><span style="font-size: large;">Gourmet Golf Escape</span></span></strong><span style="font-size: large;"> </span></p> <p style="text-align: left; margin-left: 15px;"><span style="font-size: large;"><span style="font-size: small;">Package includes:</span></span></p> <p style="text-align: left; margin-left: 15px;">2 Nights overnight accommodation</p><ul> <li style="text-align: left;"><p> Full Irish breakfast</p></li> <li style="text-align: left;"><p>Gourmet Dinner in Pygmalion Restaurant</p></li> <li style="text-align: left;"><p>Round of Golf</p></li> </ul> <p style="text-align: left; margin-left: 40px;"><span style="font-size: large;">Only €309 PPS</span><span style="font-size: large;"><br /> </span></p> <p style="text-align: left; margin-left: 40px;"><img width="112" height="35" alt="" src="/assets/images/Tifco Ezine/book_now_burlo2.jpg" /></p></td> </tr> </tbody></table> </td></tr></tbody></table> </ html></ body> The two tables in bold I have an image in both these tables as a background it is a rounded rectangle similar to the background color #f9f5f3 but there is white spacing around the image that I cannot take out. Any help is greatly appreciated. Thanks. Hey there, I am having a small problem everytime I try to make a page like this. The navbar will move up when I make the page bigger, and it will act weirdly and create extra pixels and such when I make it smaller. Please help! I validated everything, I would just like to know why it is doing this. Thanks a ton. I really appreciate it! Html: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <link rel="stylesheet" type="text/css" href="web.css"> <title>Sample</title> </head> <body> <div id="top"> <img src="samplebanner.png" width="750" height="150" alt="Banner"> </div> <div class="navbar"> <ul> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> <li>Link</li> </ul> </div> </body> </html> Css: .navbar ul { position: absolute; text-decoration: none; background-color: aqua; background-image: none; padding-left: 0px; top: 143px; } .navbar li { list-style-type: none; border-style: solid; border-color: black; border-width: 1px; border-bottom: 0px; } img { border-style: solid; border-color: black; border-width: 1px; position: absolute; } Thank you so much for your help! Hello guys I am having problems with how my site looks in IE relative to other browsers. This is the problem --> http://www.triplestarnews.com/needhelp.jpg the url of the source is http://www.triplestarnews.com/main. Any ideas/help would be greatly appreciated. -Victor Hello Ive got a bit of a problem which is really doing my head in trying to figure it out. It could be related to a script ive just used to produce a small slideshow/gallery, or could be to do with the tables. Ive highlighted the two areas with a red box in the attachment below, the main problem is the yellow line in the top left corner. on the other pages its not there... I noticed that there is a gap between the top page and the design of the site (which isnt meant to be like that), the whole design should be a little higher. Ive also attached the site code, im hoping someone can look and apologies if the code is messy (which it may well be..) thanks for any help This is the page: [edited out link after problem solved] In Internet Explorer and Opera (not FF as far as I can see), under the 3rd 4th 5th 6th and 7th menu image there is a very small black line between it and the next. I don't know why these are there and how they appeared. I think it is something to do with the stylesheet rather than the page html as they are not there when I exclude it. The style is he [edited out link after problem solved] Can anyone shed some light on this? thanks. 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> 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 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 guys, I have a bit of a problem! I have designed a page and got it going, BUT... on some screens it doesn't fit in the browser and others it fits just fine. When I say 'fits' I mean that everything on the page is in proportion, but is it too big for the screen so you have to use both the side and bottom scroll bars to see everything - on my computer it's all in at once. I'm sure there's a simple bit of code or something to sort it, but I'll be damned if i know what it is! Any way - here is the link... www.strictly-smokin.co.uk/index.htm Cheers, Michael 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; } 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? 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> thanks a lot? Ok so im trying to align my text at the top of the 2 images i have done. for a live preview go to http://habbmania.net/djpanel/djlnn.php You can see the 2 images to the left and right and text in the middle. Im trying to put the text at the top and put a BR tag so it will look like this " The Current DJ Scheduled Non Scheduled " But once i put the Br tag in it shows the text breaking down to the next line, In Example 2. How would i align the text at the top of example 1 with a BR tag so it will be aligned with the images. THE WHOLE POINT IS TO FIX EXAMPLE #1 Please help This is the code i have for it. "<a href=""><img border="0" src="left.gif" /></a> The Current DJ Scheduled <b> <? include('djnow.php'); ?></b> <a href=""><img border="0" src="right.gif" class="float-right" /></a> " |