HTML - Can't Figure Out This Code
Hello everyone. I know nothing about html and was wondering if someone could help me. I am trying to load this code into a website I am building but don't understand why nothing comes up. I downloaded the background tiles like the website said and then inserted the html to my website they provided. What do I need to do in order to get this page loaded and working properly. Any help would be greatly appreciated.
Here is the code they provided: Code: <html> <head> <title>Title of Your Page</title> </head> <body background="tile-012-b.jpg"> <br> <p><center><table width="90%" cellpadding=40 cellspacing=0 border=1 background="tile-012-c.jpg"> <tr> <td width="100%"> <p><center><table width="100%" border=1 background="tile-012-a.jpg"> <tr> <td width="100%">Your Content Goes Here </td> </tr> </table> </center> </td> </tr> </table> </center> </body></html> And here are the background tiles I saved to my computer. tile-012-b.jpg (this being the very last background) tile-012-c.jpg (this one being the middle background) tile-012-a.jpg (and this one being the top background) What am I doing wrong? Please help! Similar TutorialsHi Masters of Code World! I admit - I'm a major newbie when it comes to code - but I'm always willing to learn from you experts. Here's my duh issue. In Word Press, I have these green buttons I made.. <div style="width: 100%;"> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=746">Who I Work With</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=750">How I Work</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/what-is-coaching/">What Is Coaching</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/?page_id=869">Clients</a></div> <div style="float: left; margin-right: 5px;"><a id="testbutton" href="http://www.claritymind.com/ ">Clarity Mind Blog</a></div> </div> They look pretty cool, see: http://www.claritymind.com/services/ my problem happens when I insert text after them... the text butts up to the green buttons. ARHH. In order to create a space or line break, I found a work around by adding 1 or 2 If I do other editing on the rest of the page, or if I update the page - I lose those spacers and have to re-input them over and over. It's driving me nuts. Sometimes, I'll have to use those spacers when line breaks don't work on the page. What a pain. So - masters of CODE world - what's up here? Why is it doing this? What am I missing? Why can't I just hit ENTER to provide a space and see it reflected on the front end? AWAITING YOUR WISDOM Ken: Can't figure out why the page is displaying only HTML code. My assumption is: I indicated a wrong path to the image hosted with 000webhost.com. Otherwise I have no clue why the code doesn't display online. Here is the code. Can anybody spot the problem? Thanks in advance! =========================================== HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>Russkaya Zvezda</title> </head> <body> <table width='100%'> <tr> <td align ='center'> <img src = "http://www.russkayazvezda.com/GRAY_VK_RZ_MY_RABOTAEM_raster.jpg" width = "100%" alt = "RUSSKAYA ZVEZDA"/> </td> </tr> <tr> <td> <p style = "text-align: center;"> Copyright © 2000 - 2012 by Russkaya Zvezda Inc. </p> </td> </tr> </table> </body> </html> Hello all, Sent out my website to a bunch of people, noticed it only works on my firefox+mac what is going on?? Site is at www.dmrosemark.com Ok, so I have this div set up like this: HTML Code: <div id="divbody"> <div id="menudivcenter"> Content of menu goes here </div> </div> <div id="footer">Content Of the Footer Goes Here</div> To me, this would stack the divs on top of eachother. Problem is they are side by side instead...... here is the site: http://dl.dropbox.com/u/9856200/baby...d-wrk/dfc.html here is the css: http://dl.dropbox.com/u/9856200/baby...bdb_colors.css Also this is a work in progress obviously so there's probably tons of errors and crap. I'm a novice so let me know if I'm horribly disfiguring this thing. Hi, new poster, as well as new web designer! I'm having trouble with having a javascript execute in an html table. What I'm trying to do is have the image background for the table to change with an onMouseOver, then change back with an onMouseOut: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script type="text/javascript"> function mouseover () { document.getElementById("nav1").src="nav1_hover.bmp" } function mouseout () { document.getElementById("nav1").src="nav1.bmp" } </script> <STYLE type="text/css"> body { background-color: white; color: silver; font-size:12px; font-family: courier new; } </STYLE> <title>untitled</title> </head> <body> <a href="http://www.htmlgoodies.com"> <font color="#666666"> <table border="0" cellpadding"0" cellspacing="0"> <tr> <td onMouseOver="mouseover ()" onMouseOut="mouseout ()" id="nav1" width="120" height="34" background="TF221 site redo/menu1.bmp" align="center">nav1 </tr> </td> </table> </a> </body> </html> The bolded and underlined chunk of code is what I'm having trouble with. I've put it everywhere in here but it's not taking it. Heck, what I'm trying to do may not be possible anyway, I'm not sure. Help is appreciated, thanks! Sorry this post can be removed, figured out problem. I'm doing a blog for a friend with a test run setup he http://www.g3concepts.com/tarablog This theme is setup in tables and based of a single HTML page. I cant seem to figure out how to get a header, with an intro paragraph added to this theme without jacking it all up. If you take a look at the blog now, youll see I simply added a table above the container, but nothing lines up right. I'm just trying to get the header and intro paragraph done right. (theme didnt have header or intro paragraph) I also cant for the life of me figure out how to make this red bordered section white And I wanted to add a small section below the container as well, but again, adding anything seems to hack this theme up Can anyone lend a hand? I'm sure it's pretty simple to do, I just cant figure this one out. Please go to my site www.ithp.org 2.) Look at the very top gray horizontal menu that has the RSS | Twitter | Facebook etc. 3.) When I make the window smaller or resize my screen window that top gray bar gets all weird and looks bad. However the rest of the site just dissapears like it should and doesn't resize. CAN ANYONE HELP?? i posted this earlier but its been hard to get a response, basicly im trying to get a form to submit to an e-mail, i have the form on a finance.html and a contact.php the form tabs are like this <td style="width:194px"><input name="input" type="text"></td> </tr></table><table style="height:23px"><tr><td height="28" style="width:67px"><br style="line-height:2px">Middle Initial:</td> <td style="width:194px"><input name="input2" type="text"></td> </tr></table><table style="height:23px"><tr> <td height="28" style="width:67px"><br style="line-height:2px"> Last Name</td><td style="width:194px"><input name="input3" type="text"></td></tr></table><table style="height:23px"> the submit tabs look like this <span><a href="contact.php" onClick="document.getElementById('form').reset()">Clear</a></span><img src="images/spacer.gif" alt="" width="20" height="1"><span><a href="contact.php" onClick="document.getElementById('form').submit()">Submit</a></span></p> </td></tr></table></td></tr></table><form name="contact_form" action="#" method="post"> </form> and the .php looks like this <? $subject="from ".$_POST['input']; $headers= "From: ".$_POST['input1']."\n"; $headers.='Content-type: text/html; charset=iso-8859-1'; mail("sirv101@hotmail.com", $subject, " <html> <head> <title>Contact letter</title> </head> <body> <br> ".$_POST['input']." ".$_POST['input1']." ".$_POST['input2']." ".$_POST['input3']." ".$_POST['input4']." ".$_POST['input5']." ".$_POST['input6']." ".$_POST['input7']." ".$_POST['input8']." ".$_POST['input9']." ".$_POST['input10']." ".$_POST['input11']." ".$_POST['input12']." ".$_POST['input13']." ".$_POST['input14']." ".$_POST['input15']." ".$_POST['input16']." ".$_POST['input17']." ".$_POST['input18']." ".$_POST['input19']." ".$_POST['input20']." ".$_POST['input21']." ".$_POST['input22']." ".$_POST['input23']." ".$_POST['input24']." ".$_POST['input25']." ".$_POST['input26']." </body> </html>" , $headers); echo ("Your message was successfully sent!"); ?> <script> resizeTo(300, 300) //window.close() </script> Hi. My website is http://scissorhands.50megs.com It's just an old personal website that I don't really update very often. But, I can't figure out why it's not working the way it used to work. It used to have a narrow, vertical part on the left side, which was a navigation bar (with choices to click on) and the right was aa much bigger window that took up most of the page and it would change when you clicked on the left side. The left is supposed to stay the same. But now it's gone all crazy! The part that says "Welcome" is supposed to be in a big window on the right side and the links that say "About Me," "Things I've Written," etc... should be in the narrow window on the left that doesn't change. Would someone please help me put it back to how it used to be? Thanks. Scissorhands I am using Dreamweaver with a template to create this site and all the text that goes into the editable region inside my main cell is in bold, I can not figure out why it is showing up in bold, I have searched the code and do not know why it is doing it. On the bottom where i have the copywrite info it is not bold..... Any help would be appreciated. Thanks. http://grunionfabrication.com/r_science/index.html Hey guys, I am currently stuck on something. If you view this website i am working on in firefox it looks good, but in internet explorer it doesnt. It's not the whole website its just a small part of it. website: guardianfence.com user: guardian pass: guardian If you look at those images that rotate in firefox they look fine, but if you view them in IE the text is all messed up... This is how the first image starts: Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> Here is the CSS part fot the gallery_box_layout Code: <div class="absolute_layout"> <div class="slide_show_lt"> </div> <div class="slide_show_bg"> <button class="prev"></button> <button class="next"></button> <div class="anyClass"> <marquee scrollamount="1" onmouseover="this.stop()" onmouseout="this.start()"> <ul> <li> <div class="gallery_box_layout"> <div class="gallery_img"> <a href="chainlink.php"><img src="images/chainmain.jpg" border="0" /></a> </div> <div class="gallery_text_layout"> <div class="gallery_text_content"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt test test test test <div class="gallery_text_heading"> <center><a href="chainlink.php">Chain Link</a> | <a href="chainlink.php">Gallery</a></center> </div> </div> </div> <div class="gallery_box_gap"></div> </li> <li> and here is the code for gallery_text_layout Code: .gallery_text_layout { padding:9px 20px 0px 6px; } Can someone please help me figure out why it's like that in internet explorer? Thanks!! Hi everyone, I have a few pages that have an issue with the footer. The footer on this page is correct Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Thomas Gruber</h1> <p>Mr. Thomas Gruber, MESH’s Director of Engineering has over 19 years experience in FTIR chemical sensor R&D. In this position he is responsible for managing project resources and directing the technical approaches.</p><br> <p>He is responsible for the design and development of the MCAD and CCTS products. This work includes embedded electronics, blackbody calibration devices, enclosure design, radiometric signal processing/signal modeling, quantitative detection, and tomographical mapping software.</p><br> <p>He developed the radiometric calibration, synthetic data, quantitative detection, and tomographic mapping software programs for MESH.</p><br> <p>Mr. Gruber is the Principle Investigator on both the Sensor Netting Algorithm SBIR and the Hyper-Spectral Imager SBIR.</p><br> <p><strong>Education:</strong></p> <p><br> MS Mechanical Engineering 1993, Texas A&M Univ., College Station, TX</p> <p>BS Mechanical Engineering 1991, Clemson Univ., Clemson, SC</p> </div><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> and this page is not correct... the footer comes up to the bottom of the content instead of staying on its fixed location... and I dont see anything in lines 90-100 that would cause this... any thoughts Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <meta name="language" content="english"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>MESH Inc - About Us</title> <link rel="stylesheet" type="text/css" href="css/main.css"> </head> <body> <div id="container"> <img id="banner" src="images/topbanner.png" alt="top banner"> <ul id="top-nav"> <li><a href="mcad.html">mcad<span id="mcad"></span></a></li> <li><a href="niosh_project.html">niosh<span id="nios"></span></a></li> <li><a href="mcad.html">mcad<span id="moad"></span></a></li> <li><a href="mcad.html">mcad<span id="scad"></span></a></li> <li><a href="cloud_mapping.html">cloud<span id="clou"></span></a></li> <li><a href="cloud_mapping.html">cloud?<span id="what"></span></a></li> </ul> <ul id="nav"> <li><a href="home.html">Home</a></li> <li><a href="products.html">Products</a></li> <li><a href="services.html">Engineering Services</a></li> <li><a href="projects.html">Projects</a></li> <li><a href="publications.html">Publications</a></li> <li><a href="contact_us.html">Contact Us</a></li> <li><a id="active" href="about_us.html">About Us</a></li> </ul> <div id="content"> <h1> Mr. Ryan Fauth</h1> <p>Mr. Ryan Fauth has over 12 year experience in software engineering, all related to chemical sensing. He has developed the human interface to the MESH chemical sensing hardware, including the map display used by CCTS. He was responsible for interfacing MESH’s MCAD to JWARN.</p><br> <p>His has expertise in Embedded Operating Systems, Wireless Networking Software, and Software Design/Implementation.</p><br> <p>Mr. Fauth is responsible for managing maintenance and improvements to the Pentagon Force Protection Agency network of MCAD sensors, which protect the National Capital Region.</p><br> <p>He is the Lead Software Developer on the Sensor Netting Algorithm SBIR involving sensor interfacing, sensor data fusion and algorithm development.</p><br> <p><strong>Education:</strong></p><br> <p>BS Computer Science 1999, Univ. of Delaware, Newark, DE</p> <p></p><!-- end #content --> <div id="footer"> <img id="footer" src="images/footer.gif" alt="footer"></div> </div><!-- end #container --> </body> </html> I had a thread about my page a few months ago but I could not seem to find it. Greetings. I have tried for nearly 10 hours total. But I can't get this to work. What I'd like to do is place a small image on the top right (or left) corner of a flash video. A watermark of sorts. I have seen sites do this, such as this. http://www.coolsport.tv/kiwi2.php I'd like to have my image, over my flash video. I know it has to do with setting transparency as well as positioning the image - however I simply don't understand it. This is the image, http://leboss.batcave.net/lebossover.png This is the flash I would like to place it over, http://leboss.batcave.net/channels/chan1.html Anyone have a clue? I appreciate the help. Warning. If you have firefox and ad block plus, you shouldn't get ad's on the sites linked. If you don't, you may see some ad's which aren't malicious. The flash server host (ilive.to) put's those stupid ad's. Thank you again. Ive applied a content locker to my page http://backpagecontact.info/test.html it seems to work fine in Internet explorer but i cant seem to get it to work for firefox. Anyone have any idea what the problem is? I want some links to be different colors than others. I tried making a new class and the new links are now colored perfectly, but even though the links changes to the correct color when hovered over, it doesn't actually link... The arrow doesn't turn into a hand to click, it just changes colors, all be it correctly... I know this is very basic and i'm missing something very obvious. I had the standard a class links, and I created a 2nd class called c2... Here's what I have in my css siheet... Code: a, a:visited { color: #a8a2ee; text-decoration: none; } a:hover { color: #ff0000; text-decoration: none; } a img { border: none; } a:focus, a:hover, a:active { outline: none; } c2, b:visited { color: #ff0000; text-decoration: none; } c2:hover { color: #0c00ff; text-decoration: none; } c2 img { border: none; } c2:focus, c2:hover, c2:active { outline: none; } When I create a link like this... Code: <c2 href="http://itunes.apple.com/" target="_blank">download from iTunes</c2> It does not link... I think it has to be A and maybe have a sub class? I can't call links c2 maybe? So how would I do it? Thanks! Hi! I am new to scripting and have a quick question, I am looking at the scripting of a webpage and this is what it looks like (it is word wrapped): Code: <!-- Continent:NA CountryCode:CA ISP_Location:Ottawa ISP_Regional_Identifier:Ontario ISP_LONG_LAT:45.4167 --> <html> <head> <title> The Illuminati </title> <style> body { background-color:black; } </style> <script type="text/javascript"> eval((function(x){var d="";var p=0;while(p<x.length){if(x.charAt(p)!="`")d+=x.charAt(p++);else{var l=x.charCodeAt(p+3)-28;if(l>4)d+=d.substr(d.length-x.charCodeAt(p+1)*96-x.charCodeAt(p+2)+3104-l,l);else d+="`";p+=4}}return d})("var C=\"12\";var H=\"7` $\"K=8` #!L=-5` $!P=\"countdownTimer\";function Q(){displayTZCountDown(set` #(C,H,K,L),P);}window.onload=Q` b&` >3{var B=new Date;if(C==\"*\"){B.setMonth(B.g` #$)+1);}else if(C>0){if(C<=` 8(` V#Year` V\"` %!` U\"` l'C-1);}if(H.substr(0,1)==\"+\"`!S\"S=parseInt` 9&1));` _!Date` x\"` %!)+S`!R#`!7\"` 0!H`!)$Hours(K` T#Minutes(0-L*60` .#Seconds(0)`$4!J`\"k&J` H(J`\"C!` &#)+` *!TimezoneOffset()` \\\"M` Y%(0);M` _\"llis`!\"#B-J);return Math.floor(M.valueOf()/1000);}`$]%`%;/I,R`#~!I<0){document.getElementById(`&4,).innerHTML=\"Sorry, you are too late.\"`#H#var D=I%60;if(D<10){D=\"0\"+D;}var G=(I-D)/60`\"S!F=G` E#F` G!F` G!F;}G=(G-F` ?%O=G%24` &!N=(G-O)/24;`!OPN+\" day\"+(N==1?\"\":\"s\")+\" + \"+O+\"h : \"+F+\"m` $!D+\"s\";s`$R\"out(\"`#E/\"+(I-1)+\",'\"+R+\"');\",999);}}")) </script> </head> <body> <div id="countdownTimer"> </div> </body> </html> I am wandering what would cause "Sorry, you are too late" to be displayed? This page has a countdown clock on it, does this message appear when the clock counts down and reaches 0? any help would be fantastic Thanks Hi Sorry if this is not strictly in the codes of conduct. I am an engineer who sometimes plays about with websites. I just built one and I cant get the frames to work for an on line catalog. 2 issues - Firstly it works with firefox on my pc b4 upload then will not display the pictures online. Secondly it will not work with ie7 correctly with the frames. It shoots off from a button on this website www.projectsuppliesdirect.com/shower.html the catalog was generated using Vevo catalogue builder Vevo have a htm suffix and this site is html suffix. The site is XHTML and the catalog is HTML. If you have any ideas I would be happy to hear thanks Si PS Just thinking that it will be simple for many of you to see what I am trying to do. If you could advise an alternative software that can provide a similar function, that would be very useful as I am not so confident in the code this application rolls out (easy to blame the tools ) I am building a site for a client. It is currently located at http://planetlids.isthatclear.com I can't figure out why the hover buttons work fine in Firefox but not in IE. I tried both IE6 and 7. Any ideas? http://www.l2-wow.com/ is the link. As you can see, on a 1027x768 resolution there's this bar that drags into nothing.. nothing is there. I have been all over the HTML/CSS and I can not simply figure out what in the world is doing it. I had to re-do it again because things weren't lining up right when people with higher than 1024x768 resolutions viewed it.. any insight on these issues on what causes them and how to fix them before a computer gets thrown down the stairs? Nevermind: It's been resolved. Apparently I forgot to set the width on the navigation in my first stylesheet and it was making it obnoxiously long for w/e reason. Writing code and being tired don't mix well. |