|
HTML - Coding Problem...
Back Story: New Manager at a manufacturer and they had a friends child or something do the website so I've got some issues... I simply updated some info on the bottom of some pages on the site and the page now looks like the spacing is off and is being folded towards the header...
This one is correct... This one got messed up somehow... You can see how above the header saying "Innovative Outdoor Products..." the spacing is gone and the entire table got pushed up... If I had messed with the code, I know I could figure it out but, it just sort of happened... Here's the coding of the messed up page... Coding is actually the same just different images... Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>T-Reign</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/interior.css" />
<!-- START EMBED CODE -->
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
attributes.id = "oxylusflash";
params.allowFullScreen = "true";
params.allowScriptAccess = "always";
params.base = "";
params.bgColor = "#000000";
params.wmode = "transparent";
// Specify xml file here
flashvars.xmlFile = "data.xml";
swfobject.embedSWF("main.swf", "flashAlternativeContent", "1024", "350", "10.0.0", "js/expressInstall.swf", flashvars, params, attributes);
</script>
<!-- END EMBED CODE -->
</head>
<body>
<div id="container">
<div id="header">
<div id="header_logo">
<h1 id="logo"><a href="index.html">T-Reign</a></h1>
</div>
<div id="header_navigation">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="products.html">Products</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="home_flash"><!-- START FLASH CONTAINER -->
<div id="flashAlternativeContent"><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></div>
<!-- END FLASH CONTAINER --></div>
<div id="content_panel">
<div class="innertube">
<h3><img src="images/title_innovativeProducts.gif" alt="Innovative Products Built To Last" width="660" height="13" /></h3>
<img src="images/title_fishingSeries.jpg" alt="Fishing Series" width="666" height="64" />
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>Fishing is all about fooling fish into biting. Sounds simple, but in reality it takes skill, determination and gear. Lots of gear.</p>
<p>Whether you fish from a boat miles offshore, wade crystalline mountain streams or paddle a kayak through the bayou, keeping your pliers, Bogagrip, landing net or wading staff handy is critical. And unlike other outdoor activities, if you happen to drop an item, the chances of retrieving it from the depths is slim.</p>
<p>That's why T-REIGN™ retractable gear tethers make the perfect fishing companion. Fly fisherman can keep nippers, hemostats and tippet spools right on their vest. And a retractable tether makes more sense for landing nets than a magnetic setup, since you can simply let go if the fish makes another run.</p>
<p>With T-REIGN you'll never lose your gear again. But we can't make the same promise about the landing that big one.</p>
</td>
</tr>
<tr>
<td>
<h4><a href="accessories.html" target="new"><img src="images/title_treignProductsGreen.gif" border="0" alt="T-REIGN Products" width="666" height="34" /></a></h4>
</td>
</tr>
<tr>
<td><img src="images/photo_fishing.jpg" alt="TREIGN Product Shot: Fishing" width="664" height="281" /></td>
</tr>
<tr>
<td align="center"><img src="images/grx_ruleTrident.gif" alt="" width="419" height="43" />
<h4>Retractable Gear Tether</h4>
<br /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_productsGreen.gif" border="0" alt="Products" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxProductFishing.jpg" alt="Photo: Fishing Series Products" width="666" height="324" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_attachmentsGreen.gif" alt="Attachement Style Options" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxAttachementFishing.jpg" alt="Photos: Attachement Options" width="666" height="296" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_featureGreen.gif" alt="Features" width="666" height="34" /></h4>
</td>
</tr>
</tbody>
</table>
<table style="background-image: url(http://members.hypermart.net/controlpanel/FileManager/images/bg_features.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; width: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-top: 20px;">
<ul>
<li>Highest quality, extreme duty and ready for the elements. Featuring stainless steel spring and hardware.</li>
<li>Made in the USA</li>
<li>Quick disconnect gear attachment for easy gear change out or for sharing.</li>
<li>Rugged Kevlar cord is durable and lightweight.</li>
<li>Lifetime service policy</li>
</ul>
</td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeatureChartFishing.png" alt="Features chart" width="646" height="297" /></td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeaturePhotoFishing.png" alt="Features photo: fishing" width="542" height="242" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer_trademark">T-REIGN is a registered trademark of West Coast Corporation</div>
<div id="footer_copyright">© West Coast Corporation 2010 - 2011</div>
<div id="footer_contact"><a href="mailto:sales@t-reign.com">Send Email</a><br />ph /// (909)923-7800 fax /// (909)923-0024</div>
</div>
</body>
</html>
Thanks in advance for the help... Similar TutorialsHi!!! I'm new here, I'm having trouble dealing with this question that needs to be an html coding. At the top of the page, create a table with the following attributes: 1. The border size should be 5 pixel with a width 100% of the page and a cell padding value of 10 pixels. The table should have a red border. 2. The rules value should be set to "none" and the frame value to "below". 3.The content of this table should be displayed in a red sans-serif font with a font size of 18 pixels. the bottom margin size of the table should be set to 20 pixels. I'm attaching a notepad with my html codes, can someone please help me with above questions. please help, I've tried using books and some site on internet. Can't get anywhere I'm completely clueless at this point. Hey, I'm coding a template for someone and I was learning how to make everything extendable and I know how to do it now. But, all of the images are spaced out and idk why they are, can anyone help me? http://teamafterglow.com/templates/template7.html Thank you, Hi Guys, I hope someone can help me out. I have slightly changed the layout of my website and it now appears that at the bottom of one of my pages the HTML is different for no reason. Take a look Here and the part saying "Terms and Conditions" is different to everywhere else on the website (click any of the links within the webpage to see how it should look). The HTML coding is the same yet why on this page is the layout messed up? The only thing I can think of is that this webpage contains java script? Thanks in advance, any help appreciated. I'm doing some homework for my basic html class and i put the code in the w3 validate and it keep's putting errors on my images what am i doing wrong? Here is the 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" /> <title>Tyler East, ITSE 1411 Lab Project 1, Tutorial 1 Case 4, Due 02/09/2011</title> <!-- Body System's Home Gym Equipment Tyler East 2/4/2011 --> </head> <body> <img src="logo.jpg" alt="Body Systems" /> <hr/> <h2>Body Systems LSM400 Linear Smith Machine</h2> <IMG src="smith.jpg" ALT="LSM4000" /> <h2>Overview</h2> <p>Linear Smith Machines are the ultimate in weight machines and the LSM400 leads the field. Designed for both serious fitness users and beginners, the LSM400's vertical design provides all of the safety and control associated with Smith Machines, while still allowing for the effective use of gravity for effective resistance. You don't even need a workout partner. Lock points can be set to prevent the bar from movement outside of your body's natural range of motion.</p> <p>You can tailor the LSM400 to meet you specific workout needs. Start with the basic package of the Smith Machine rack and, as your needs grow, add a lat/row, pec dec, plate tree, dip, and accessory organizer. Accessories are easy to insert and remove, allowing you to continue your workout without delay. The LSM400 works with all standard Olympic weight plates</p> <p>The LSM400 is compact with all components place one side of the unit for easy access. This makes the LSM400 perfect for people who want a quality home gym, but do not have a lot of space. Place the LSM400 against a wall and you're ready to go!</p> <p><b>Features</b> Smooth Smith Action: The bar (rated at 800 lb. capacity) slides on Teflon bushings alongside solid steel guide rods. Smooth motion is key to successful workouts, as the target muscles are utilized to their full potential with each repetition.</p> <p><b>Proper Angle:</b> The bar travels along a 7 degree path from vertical. Studies have shown that this is the proper lifting angle to increase your comfort and prevent injury.</p> <p><b>Safety:</b> The LSM400 has 20 lock-out points for a safe, solid stop at any point in your workout routine.</p> <p><b>Rugged:</b> Constructed with heavy 12 gauge steel and 7 gauge reinforcing plate. This is a unit built to last.</p> <p><b>Warranty:</b> Every part of the LSM400 has a lifetime guarantee. We will replace or repair anything that goes wrong.</p> <b>Dimensions</b> <ul> <li>Width: 85"</li> <li>Height: 82"</li> <li>Depth: 72"</li> </ul> <b>Optional Attachments</b> <ul> <li>Selectorized Lat/Row station (Part: MA831-4)</li> <li>Pec Dec station (Part: MA218-6)</li> <li>Dip station (Part: MA105-3)</li> <li>Plate tree (Part: MA488-0)</li> <li>Accessory organizer (MA212-1)</li> <li>Workout DVD (MA051-1)</li> <li>Workout poster (MA055-3)</li> </ul> <address> Body Systems 401 Commercial Drive Eaton, TX 87015 (800) 555-2811 </address> </body> </html> Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... Hello, I am trying to create a page with a link that opens on a new page. This link will have an iframe to display another website. What I then want to do is have a pop over appear that will take me back to the original page. Is this possible and if so how would I code this. Oh and another thing. The first page will redirect itself after 10 secs. So this is what I want: Page A has a link that will open Page B Page A will redirect to another page after ten secs Page B will display a pop over when you click the pop over it will take you back to page A instead of opening a new page or changing to the link within page B. I hope this makes sense. So I all I need to know is how to make the pop over go back to page A. Thanks Hey guys, i am very very new to html and i designed and coded www.e-smartonline.com for myself, i know the way i made the html was not good, i have trouble with the links cause everything is pushing them cause of the way i coded it.. lol. I was wondering if someone can fix my booboo? fix the links left and right so that it works well. thanks a lot guys! im having some trouble with putting stuff in the middle of my site because whenever i put something in the middle it moves my left nav bar down if you go here u can see what im talking about right now im using kompozer to make the site http://www.freewebs.com/zxgamerreviews/test22.html My site PLEASE READ ENTIRE THING! Some stuff I'm saying may be hard to express in typing, so use my link above to get a better picture. I need some coding help for website........Right now, if I want to post an article one of my journalists submitted, I have to go in and edit each page individually, the article doesn't just show up.....How do I make it so when someone submits an article, it gets posted on the front page, in the news and events section, and in my archives? For the front page, I want my two latest articles up there with a photo and a small description with a "more info" link that brings you to the actual article. For the news and events page, I want the latest article on the left hand side with a photo, a description, a title and the link, with the 2 previous articles on the right with all of that but no photo. For the archives page, I just want all the articles for that month in order, with the latest being on top, with a title, a description, and a link. Hey Everyone, I need to set up some kind of html form which provides people with a registration ID, or number of sorts. The application of this kind of system would be so that if I had people registering for a conference, they could receive a committee assignment immediately. I'd appreciate any responses helping me. Thanks Guys (and ladies!) Bromo8824 At this website: http://sungbc.org/missions.php I liked how they made it so that the different people could be clicked on and a new mini-page would load on the page. Does anybody know how to do that I work for a hospital and we are moving into a new building. The employees want me to put a simple countdown "ticker" on our intranet. The move is in a few months. Any one know code to create a date countdown? Hello all! Cool place here and I hope with lots of experts. I have a n html template for a mod on my site and I cannot for the life of me figure out how to get it how I want. Basically what I want to do is remove the leftside images and move the titles on the right into its spot. I will post an image of what I am talkiking about and the code. Remove what is circled in red and put the tiles on the right into its spot. HTML Code: <div class="quick_links_elink" style="background-color: white;">
<div class="lcont_top">
<div id="lcont_img__unit_id__" style="left: 0px; position: left;">
<a href="__category_url__" class="main_l">
<img style="top:10px; max-height:16px;" alt="" src="__category_cover_image__" width="50px"/>
</a>
</div>
<div id="js_control_section0__unit_id__" style="padding-left: 5px;">
<a href="__category_url__" class="main_l">
__category_name__
</a>
</div>
<div class="js_control_section" id="js_control_section__unit_id__" title="Show / Hide" bximg="lcont_img__unit_id__" bxchild="lcont_other__unit_id__" style="background-position: 0px -17px;"></div>
</div>
<div class="quick_links_elink_lcont" id="lcont_other__unit_id__" style="display: none; top:40px; background-color: white;">
<a href="__category_url__" class="main_l">
<img alt="" src="__category_cover_image__" style="top:50px; width:80px; max-height:40px;"/>
</a>
<div class="lcont_other" >
__sub_categories_list__
<div class="clear_both"></div>
</div>
</div>
<script type="text/javascript">
var oShowHideController__unit_id__ = new ShowHideController();
$("#js_control_section__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle(this) } );
/*$("#js_control_section0__unit_id__").click( function() { oShowHideController__unit_id__.ShowHideToggle("#js_control_section__unit_id__") } );*/
</script>
</div>
THANKS in advance! Hello Everyone: I created a page in HTML and added javascript. I want it to have a search function.I have created a form which is basically a textfield and a "submit button".The "submit button" is meant to display web pages in a new window when I type in particular keywords into the textfield next to the "submit button" on the website.I have written the codes below so far and it is not working.I would appreciate it if you guyz can help me out.The webpage is not online just incase you guyz need to know.Thanks very much <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script language="Javascript" type="text/javascript"> var keywords = "transistor Google Microsoft ipod " function gothere(placetogo) { if( keyWords.search(placetogo) == -1) { alert(placetogo+"is not an accepted keyword" ) } else { document.location = "C:\Documents and Settings\Teeboi\My Documents\Memorial University\WebPages" + placetogo + ".html" } } </script> <title>DESIGN CONCEPT</title> </head> <body bgcolor="#B0B0B0"> <form name="myForm"> <input type="textfield" name="searchtext" value="transistor" /> <input type="button" name="thebutton" value="Submit" onclick="javascript:gothere(document.myForm.searchtext.value)" /> </form> </body> </html> Hey guys! I am just starting a little thing to open, edit, and display HTML stored in txt files. It works fine until I tried to make it so that when you first open the form it already has the txt file's content inside the textarea (to edit it). Obviously it just displays the raw code! I am wondering if there is a way around this. here is my code; Code: <html>
<body>
<form action="write.php" method="post">
Content: <br><br>
<textarea cols="40" rows="5" name="texttest">
<?php
$file = file_get_contents ('text.txt');
Echo $file;
?>
</textarea>
<br>
<INPUT type="submit" name="button1" value="Update">
</form>
</body>
</html>
Any help would be awesome! I am in the process of creating a website and on the front page, i wish to have a small riddle or question, in which people will need to type in the "password answer" and press the submit button and be redirected to the website proper. This is the coding i have so far, and i am sure that it is something simple i have missed, but i just cannot see what. I can get the redirection to work without the password, or i can put the password on properly but the redirect doesn't work..... Quote: <!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" /> <title>My Website</title><link href="main.css" rel="stylesheet" type="text/css" /> </head> <body bgcolor="#000000"> <div class"introbnr"> <div id="introbnr1"> <img src="../Banners/introbnr.jpg" border="0"/> </div> <p align="center"><font color="#FFFFFF">_________________</p> <form method="POST" action=""> <input answer="________________" type="password"/><br /> <input type="button" value="Enter" onclick="document.location = 'intro.php' ;"> </form> </body> </html> im having trouble imaged maped both my header nav and left navigation yet it seems like if you have 1 mapped the other doesnt work can anyone correct my code? Quote: <img src="http://www.seattlewest.net/solve/header.jpeg"><br><img src="http://www.seattlewest.net/solve/nav.png" usemap="#map" border="0" height="473" width="146"><map name="map"><!-- #$-:Image map file created by GIMP Image Map plug-in --><!-- #$-:GIMP Image Map plug-in by Maurits Rijk --><!-- #$-lease do not edit lines starting with "#$" --><!-- #$VERSION:2.3 --><!-- #$AUTHOR:Brian Rathjen --><area shape="rect" coords="15,2,137,26" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="16,31,136,52" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,58,134,79" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,85,134,107" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="19,113,137,132" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="22,139,132,161" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="20,167,131,187" href="http://stores.ebay.com/Seattle-West_Video-Games_Microsoft-Xbox-360_MMORPG_W0QQcolZ4QQdirZQ2d1QQfsubZ10855764QQftidZ2QQtZkm"><area shape="rect" coords="21,192,130,214" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="21,221,130,242" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="20,248,129,269" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="21,274,127,296" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="23,301,130,323" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="25,329,129,350" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="18,355,134,377" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="19,382,137,404" href="http://stores.ebay.com/Seattle-West_Video-Games_W0QQcolZ4QQdirZQ2d1QQfsubZ10616760QQftidZ2QQtZkm"><area shape="rect" coords="16,411,140,471" href="http://stores.ebay.com/Seattle-West"></map> <img style="width: 303px; height: 451px;" src="http://www.seattlewest.net/solve/photo1.jpeg"><img src="http://www.seattlewest.net/solve/description1.png"><center><br><br><img src="http://www.seattlewest.net/solve/Payment.png"></center><center><br><br><br><img src="http://www.seattlewest.net/solve/preview.png"><br><br></center><center><img src="http://www.seattlewest.net/solve/preview2.jpeg"></center><center><br><br><br><br><img src="http://www.seattlewest.net/solve/Shipping.png"></center> I have quite a complex design that I would like to code in an efficient manner (in which I will be porting to IPB 3.0). I had it coded several months ago by someone else, as I did not have time to do it myself; however, he did a very horrible job, as the design does not scale vertically, and the design uses many huge images in order to correctly display the layout: see http://mcaurie.com/preview/Cole/ . I was / am attempting to sell it; but its been well over a month and I haven't gotten anywhere, so I'm going to try to get it in a respectable coded format and possibly actually use it. I have two options at this point: * Modify his design so it loads faster (less bulky images, I would assume) * Start from square one: Re-code the entire design. Regardless of which option you think I should go with; any advice on how to tackle this beast would be appreciated. Oh yes, and here is a link to a watermarked original design: http://dl.getdropbox.com/u/1064940/Uprawr-1.jpg Any body got any tips on what to use to code to develope aa forum. I have been doing basic coding and want to know if anybody has any ideas or tips or is html the wrong system to code in? |
|||||||