|
HTML - Website Format Incorrect
My Website: http://tinyurl.com/ygspuc
In IE7 the content is extended to far. As you can see in the attachment. Any help greatly appreciated. Similar TutorialsHi 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. I am experiencing frustration due to the website that I've designed is being displayed perfectly in the Explorer browser, but in Firefox its all screwed up. Is it coding issues? My website is at www.wolfdenexpeditions.ca cheers 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 I need to design a webpage for selling livestock. I want to have a tabbed bar across the top with links to a page designated to each type of animal.. maybe 6 or 7 tabs in total. I also want a box at the bottom with contact information on every page. Each tab will just be a link a page with 5 or 6 pictures of animals and descriptions below them. What's the best way to do this? Should I even bother with CSS on a simple site like this. I want the home page to look like this: (tab for each of below) home our farm horses horses for sale sheep sheep for sale ************************page content******************************** John Doe 555-555-5555 jdoe@gmail.com I know html basics but really don't the easiest way to do this. First thing that comes to mind is just making a table but idk. I'm just using a text editor to make it. Thanks is there a specific one which i should use when making my site? jpeg or gif or any other format? Thanks hey anyone who's reading this.. i'm having trouble with fleshing out a vertical menu as when i do, it either doesn't work or doesn't work the way that i had imagined. any help? trying to make submenus that shift down the other main menus from the main menu it originated from. font style won't attach; i used ideoma_SPRAY.otf for the entirety of it and both the html and css are separated in the one txt file. wasn't sure if i was supposed to post this to html or css so i'm just putting it up here for now. thank you! Hi, I created some pages using DW8. When i review the pages, IE shows them perfect without any formatting issues whereas when i see the pages in Firefox, it destroys the formatting. The tables and the forms would get big or small. How can i fix this? Thanks, Hi Guys, Code: <TD colspan="4" class="csPMacro_css_tiTD" id="CSP_ESSentDate">ES Date</TD> <TD colspan="5" class="csPMacro_css_coTD"> <input type="Date" style="width:100%; height:20px; " id="CSP_ESSentDate" /> </TD> My form is using this piece of code which displays a date by picking from our database , now it displays the date in this format YYYY-MM-DD , can i make it display in mm/dd/yyyy ?? Please help ... i am very new to this... I use this command on one of my pages to enable the text to 'float' over the background: <style type="text/css"> body { background-image:url("pinkflower.gif"); background-attachment:fixed} </style> And I would like to use it on another page. But this other page has lines of code like this: <body style="background-image: url(paper.gif);"> <table style="text-align: left; width: 905px; height: 803px;" border="1" cellpadding="2" cellspacing="2"> <tbody> and so on..... a whole swag of things inside the 'body' tags. So I guess I can't just paste that original thing into there (though I should try it shouldn't I? Hang on............ Woops... it worked fine just pasting it in there... right after the <body style.... line. But I'll leave the question out here, because it's not very tidy and wouldn't be right to have the 'background image' in there twice... So I'll change my question to become: "What's the 'proper' way to do this?" regards, ab Is there such a thing as an improper html file? I cant upload my new, and first site. I connect to the server and get 3 files, 2 folders and one .asp file. the folders a Stats and _dp_backup. the last file is gdform.asp when i add my html file, my site does not change. NOTE: i wrote the html in notepad and saved it as mysite.html i think its not working because the file is not a proper html? maybe.. but when i open it, it shows what i've made in a web browser. HELP! Im really confused, as this is my first site. why can't i upload anything! www.unboundstudios.net check out my link, you can see what happend to the page. ______________________________________________________ PS before i uploaded my first html file, i deleted 2 IE files (internet explorer files), basicly html files that actually showed a type of site that says SITE COMING SOON, which was there as soon as i hosted my domain. once i deleted those 2, this is what came up: www.unboundstudios.net why? can i fix it? do i need those 2 files? i think they were html but can i add my own.. and how? OK, this is a dumb question, but I really cannot think of a reason. My grandson is taking a web course and the teacher told him something about certain html END TAGS needing to be on a new line or separate line of source code. Can anyone tell me when or why an end tag would require it's own source code line? Thanks, Bert Hey everyone. I've been working on a site recently and I've run into a couple problems since I'm sort of self-taught and am just getting the hang of some HTML techniques. First of all, I'm having serious format problems with Internet Explorer. My site has a stoplight navigation bar that works fine in FF/Chrome, but when it comes to Internet explorer, it always displays it at the top of the page and moves everything else down . Second, I can't get any doctype validation to work on my website. I've tried strict, transitional and frameset (even though I don't have frames). Whenever I try it, it seems to completely ignore my stylesheet. Anyway, my website is www.avavenue.com. Here's my code for the home page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems.">
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12">
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/Home Page/StoplightBottom.png" alt="">
</div>
<div id="smartboard">
<img src="Images/Home Page/Smartboard.png" alt="">
</div>
<div id="specials">
<img src="Images/Home Page/AprilSpecials.png" alt="Check out our special services for April!">
</div>
<div id="text2">
<img src="Images/Home Page/Text2.png" alt="">
</div>
<div id="avsign">
<img src="Images/Home Page/AVAvenueLeftSign.png" alt="">
</div>
<div id="states">
<img src="Images/Home Page/States.png" alt="">
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="company1">
<img src="Images/Home Page/Company1.png" height="30" width="100" alt="">
</div>
<div id="company2">
<img src="Images/Home Page/Company2.png" height="30" width="100" alt="">
</div>
<div id="company3">
<img src="Images/Home Page/Company3.png" height="30" width="100" alt="">
</div>
<div id="company4">
<img src="Images/Home Page/Company4.png" height="30" width="100" alt="">
</div>
<div id="company5">
<img src="Images/Home Page/Company5.png" height="30" width="100"alt="">
</div>
<div id="flashmovie">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="400" id="AV_Ave" align="middle">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<object type="application/x-shockwave-flash" data="AV_Ave.swf" width="600" height="400">
<param name="movie" value="AV_Ave.swf">
<param name="quality" value="high">
<param name="bgcolor" value="#000000">
<param name="play" value="true">
<param name="loop" value="true">
<param name="wmode" value="window">
<param name="scale" value="showall">
<param name="menu" value="true">
<param name="devicefont" value="false">
<param name="salign" value="">
<param name="allowScriptAccess" value="sameDomain">
<a href="http://www.adobe.com/go/getflash">
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player">
</a>
</object>
</object>
</div>
</body>
</html>
and the code for the about us page: Code: <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="AV Avenue is a K-12 Classroom Technology Specialists company. We provide audio/video equipment sales, systems installations and service of existing systems." />
<meta name="keywords" content="av avenue, audio, video, audio visual, classroom, education, installation, smartboard, k-12" />
<title>AV Avenue</title>
<link rel="stylesheet" type="text/css" href="stylesheet.css" />
</head>
<body>
<ul id="stoplight">
<li id="stoplight1"><a href="index.html"></a></li>
<li id="stoplight2"><a href="aboutus.html"></a></li>
<li id="stoplight3"><a href="contactus.html"></a></li>
</ul>
<div id="stoplightbottom">
<img src="Images/About Us/StoplightBottom.png"/>
</div>
<div id="smartboard">
<img src="Images/About Us/Smartboard.png"/>
</div>
<div id="specials">
<img src="Images/About Us/AprilSpecials.png"/>
</div>
<div id="avsign">
<img src="Images/About Us/AVAvenueLeftSign.png" />
</div>
<div id="states">
<img src="Images/About Us/States.png" />
</div>
<div id="contractorstext">
<span class="blackfont1 comicsansms">Technology Systems Contractors Power Limited Technicians</span>
</div>
<div id="greenbackground">
<img src="Images/About Us/GreenBackground.png" height="500" width="630"/>
</div>
<div id="aboutusheader" width="250">
<span class="whitetext1 tahoma">Classroom Technology Specialists</span>
</div>
<div id="aboutusparagraph">
<span class="whitetext3 arial">AV Avenue has been specializing in K-12 and Higher Education for nearly 10 years. We provide audio/video equipment sales, systems installations, and services for existing systems. While our focus is in classroom technology, we also offer the following services below:
</span>
</div>
<div id="list1">
<span class="whitetext2 arial underline">Classrooms</span>
<ul>
<li><span class="whitetext2 arial">Projectors</span></li>
<li><span class="whitetext2 arial">SMART Boards</span></li>
<li><span class="whitetext2 arial">Audio Systems</span></li>
<li><span class="whitetext2 arial">Sound Field Systems</span></li>
<li><span class="whitetext2 arial">Control Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Building Wide</span>
<ul>
<li><span class="whitetext2 arial">Video Surveillance</span></li>
<li><span class="whitetext2 arial">Paging</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Cafeteria</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</div>
<div id="list2">
<span class="whitetext2 arial underline">Auditorium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recordings</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Library</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Music Rooms</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Systems</span></li>
</ul>
</div>
<div id="list3">
<span class="whitetext2 arial underline">Gymnasium</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Displays</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Swimming Pool</span>
<ul>
<li><span class="whitetext2 arial">Acoustics</span></li>
<li><span class="whitetext2 arial">Sound Systems</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Athletic Fields</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Video Recording</span></li>
<li><span class="whitetext2 arial">Scoreboards</span></li>
</ul>
</br>
<span class="whitetext2 arial underline">Dance Studio</span>
<ul>
<li><span class="whitetext2 arial">Sound Systems</span></li>
<li><span class="whitetext2 arial">Acoustics</span></li>
</ul>
</div>
</body>
</html>
(cont) How can I format the code using Dreamweaver CS4 ? I have in the same page HTML, Javascript and PHP. I would like to format all the code with the correct indentation. thanks How do sites like MLB.com make it so they have their background and on top of that they have a window that shows their actual site. I want to do this to my site but like I said I am relatively new to HTML I have input fields which should contain numeric data, i.e., quantities and $ and I would like to display these as right justified formatted fields but can't find how to do it. Thanks Michael Greetings all, I have a little problem with the layout of this page: http://www.tohokingdom.com/dvd/test12.htm It looks fine in Firefox, but stretches horribly in IE whenever viewed through a 800x600 resolution. The problem IE seems to be having with it is the 100% width figure that was placed in the first row, with "DVD Title". The issue is that if the 100% width figure is taken out, a grey area (from the background) will emerge where the cover is to the right of it. I really can't figure out a solution for this either, can anyone offer any advice to stop the page from stretching in IE yet avoid the column width around the image from expanding past the image? Thanks in advance. On vettenut.com one word "Vote" is blue and I cannot see how to correct this. Code: <p align="center" class="auto-style2"><span class="auto-style3">↑</span><span class="style28"> Vote for my Site </span><span class="auto-style3">↑</span></p> Hi, I'm new to xml. I have a cgi application which writes out a html page. Now I need to display the page with xml tag. So my cgi code takes an input, and writes out Code: cout<<"Content-TYPE: text/html\n\n";
cout<<"<?xml version=\"1.0\" encoding=\"ISO-8859-1\"?>\n";
cout<<"<disease cnt=\"2\">\n";
cout<<"<name>heart disease</name>\n";
cout<<"<name>breast disease</name>\n";
cout<<"</disease>\n";
At the web site h..p://......./disease.cgi?term=heart+disease+breast+disease It only displays "heart disease breast disease" on one line. If I save the ouput to a file test.xml, it displays <disease cnt="2"> <name>heart disease</name> <name>breast disease</name> </disease> This is the display I want. How to get this display by calling that cgi program? Thanks a lot for any help!!! |
|||||||