HTML - Cant Figure Out Why The Format Is Incorrect.
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. Similar TutorialsMy Website: http://tinyurl.com/ygspuc In IE7 the content is extended to far. As you can see in the attachment. Any help greatly appreciated. Do I have an incorrect doctype set for my new layout? www.bkriegtech.net I have a huge amount of errors when I run the w3c validator... Hi, I spent five and a half hours attempting to resolve this problem, but now I'm hoping that someone might be able to help me. If you visit http://www.justforyouwebsite.com/, you'll see that the menu tables on the left and right sidebars are meant to have shadows. The shadows are created by using 3x3 tables, with the right and bottom sides of the tables containing repeating background images. Unfortunately, however, the size of the table cells on the right isn't correct. The top-right cell should be 7 pixels high, with the middle right cell filling the space between the top right and bottom right cells. As it is now, the top right cell and the middle right cell appear to be split evenly, and no matter what style or HTML changes I make, there is no way to get the shadow to repeat all the way up the right side of the table. Does anyone have any ideas? The Smarty template code is below in case it might help someone, although I don't see how this could be a scripting problem. Code: <table cellspacing="0" cellpadding="0" border="0" width="100%"> <tr> <td colspan="2" rowspan="2"> <table cellspacing="1" width="100%" class="VertMenuBorder"> <tr> <td class="VertMenuTitle"> <table cellspacing="0" cellpadding="0" width="100%"><tr> <td>{$link_begin}<img src="{$ImagesDir}/{if $dingbats ne ''}{$dingbats}{else}spacer.gif{/if}" class="VertMenuTitleIcon" alt="{$menu_title|escape}" />{$link_end}</td> <td width="100%">{if $link_href}<a href="{$link_href}">{/if}<font class="VertMenuTitle">{$menu_title}</font>{if $link_href}</a>{/if}</td> </tr></table> </td> </tr> <tr> <td class="VertMenuBox"> <table cellpadding="{$cellpadding|default:"5"}" cellspacing="0" width="100%"> <tr><td>{$menu_content}<br /></td></tr> </table> </td></tr> </table> </td> <td class="TabTopRight" height="7px"><div class="DivTabTopRight" height="7px"> </div></td> </tr> <tr> <td class="TabRight" height="100%"><div class="DivTabRight"> </div></td> </tr> <tr> <td class="TabBottomLeft"><div class="DivTabBottomLeft"> </div></td> <td class="TabBottom"><div class="DivTabBottom"> </div></td> <td class="TabBottomRight"><div class="DivTabBottomRight"> </div></td> </tr> </table> Thanks, -Steve On my website under computer applications - utilities and drivers. I used an on page menu because of the page size. It is internal java script, or listed on the page. It functions but does not go where directed. I want the heading of the menu item at the top of the page. I followed the directions for the anchor but it doesn't always position correctly. The same occurs with CSS. How can I get it to position correctly because I will want to add more categories and more content and need it to position correctly with changes. Menu Utilities --- positions correctly Drivers --- positions in utilities Diagnostics --- positions with heading at bottom of page Registry cleaners --- positions in middle of diagnostics Registry tutorials --- positions in middle of Registry cleaners Computer help --- positions in middle of Registry tutorials Thank you for all your help falcon not sure if in the correct category of this forum 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! 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 Sorry this post can be removed, figured out problem. 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. 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> 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! 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'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. 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! 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 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! 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? 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? 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 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 ) 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. |