Picture Won't show up!
EricFight Jan 23, 2010 3:00 PMOk so im still a little green at this............... here is my site...... http://www.mmaamateurleaguereporter.info/
How come my pictures won't show up....they all work fine when i preview it in the browser.....but once i upload all the pics and file to the server.....it will onley show some and not all.......
CODE FOR HOMEPAGE
<!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"><!-- InstanceBegin template="/Templates/MMA.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Home</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #000;
background-image: url(019_2551x17022081.jpg);
background-repeat: repeat;
}
.twoColFixLtHdr #container {
width: 780px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #FFFFFF;
}
.twoColFixLtHdr #header {
background-color: #DDDDDD;
background-image: url(MMA-Header.png);
height: 150px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
color: #FFF;
background-color: #000;
text-align: center;
}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
text-align: center;
}
.twoColFixLtHdr #footer {
padding: 0 10px 0 20px;
background-color: #000;
}
.twoColFixLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-color: #000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.sidebar {
text-align: left;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #F00;
}
a:active {
text-decoration: none;
color: #F00;
}
.p1 {
text-align: left;
}
.p2 {
text-align: left;
}
.twoColFixLtHdr #container #footer p {
color: #FFF;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<style type="text/css">
<!--
.twoColFixLtHdr #container #mainContent div {
text-align: left;
}
-->
</style>
<!-- InstanceEndEditable -->
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<h1> </h1>
<!-- end #header --></div>
<div id="sidebar1">
<h3><a href="Index.html">NEWS</a></h3>
<h3><a href="Upcomingevents.html">UPCOMING EVENTS</a><a href="/Contact.html"></a></h3>
<p class="sidebar"><img src="naga.jpg" alt="NAGA" width="196" height="98" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="TITLE_MMA_logo.jpg" alt="Title" width="192" height="120" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="warriorwear.jpg" alt="Warrior Wear" width="194" height="194" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="5150 banner.jpg" alt="5150" width="194" height="146" hspace="3" vspace="10" /><img src="Functional Fitness.jpg" width="196" height="194" alt="TEAM D" /></p>
<p class="sidebar"><img src="SportFightingNews.jpg" width="202" height="75" alt="Sport Fighting News" /></p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<h1><!-- InstanceBeginEditable name="Heading 1" -->WELCOME FIGHTERS!<!-- InstanceEndEditable --></h1>
<!-- InstanceBeginEditable name="Paragraph 1" -->
<div>
<p> Welcome to our magazine's new website www.mmaamateurleaguereporter.info. We are a collective group of MMA fighters, trainers, coaches, judge, promoters, match makers and die hard fans. The original Internet magazine was started by Woody Woodham on the weekend of March 14, 2009 at www.myspace.com/mmamwalrpr, since that time together we have covered and reported on more than 37 Amateur or Pro-Am MMA Competition Events in the states of Missouri, Illinois, Arkansas, <span id="lw_1264282998_2">Oklahoma</span> and <span id="lw_1264282998_3">Iowa</span>. Last year (due to funding) we were only able to do a few (10) Training Faculty coverages. And although the majority of our coverages were for the same MMA promotional companies, time after time, for 2010 we wish to (with your help) change this, by getting out and covering more and different promotional events throughout the entire <span id="lw_1264282998_4">Midwest</span> instead of just a few of the Midwestern states.</p>
<p><br />
Our first event coverage was scheduled for Jan 9th in Des Moines, Iowa but due to some terrible weather we were forced to cancel. The second event scheduled for Jan 16th in Tulsa, Oklahoma (5150 COMBAT LEAGUE AND XFL) has been completed and the story should be completed and posted <span id="lw_1264282998_5">on Tuesday Jan 26th</span> on this site only. (the fight results and pics have been posted on our myspace page)<br />
Our third event coming up this weekend Jan 23rd for THE FIGHT FACTORY Aaron Essery in Marrion, Illinois has been confirmed and we'll be there, we hope some of you will be too! We also have two of our correspondents that will also be covering events in Texas-Cam Buchanan and Michigan-Brian Troutman and Lydia Kauppi. Thru ourselves and our correspondents we have many events scheduled through February in the states of Missouri, Illinois, Michigan, Indianna, <span id="lw_1264282998_6">Texas</span>, Louisianna and Nebraska. All of these coverages are being made possible by and thru the sponsorships of the promoters themselves, and we thank all of them for their invitations and sponsorships which allows us to present these event coverages to you the fans, so get out and support your local promoters and fighters. At present we are putting our schedule together for March thru the end of the year, if you may be interested in having your event covered by our magazine, please contact us for our sponsorship package information at <a href="mailto:mma.moalreporter@yahoo.com" target="_blank" rel="nofollow" ymailto="mailto:mma.moalreporter@yahoo.com"><span id="lw_1264282998_7">mma.moalreporter@yahoo.com</span></a></p>
</div>
<div>For 2010 we also plan to put the FREELY DISTRIBUTED (by and thru our Advertiser's Events, Training Faculties and places of business) actual paperback magazine into publication by <span id="lw_1264282998_8">June, 2010</span> and at present we are putting together a 12 page Hard Copy which we wish to have ready for mailing to potential advertising clients by <span id="lw_1264282998_9">March 15, 2010</span>. We are in need of sample advertisements to help fill some empty spots, that we may be allowed to demonstrate our ad sizes and styles; as such we are offering, for a one time payment, three months of free advertising in the magazine and three months of free (linked) Banner space on this website. (a $35.00 per month value) We have many different sized ad slots available, at very reasonable prices, starting at $35.00 per month and we also have our own graphics design artist, who will help you with the construction of your advertisement, with unlimited revisions at no extra cost.<br />
If you may be interested in advertising with our magazine please contact Woody for more information at phone: <span id="lw_1264282998_10">(636)586-8519</span>.</div>
<p class="p1"> </p>
<!-- InstanceEndEditable -->
<h2><!-- InstanceBeginEditable name="Heading 2" --><!-- InstanceEndEditable --></h2>
<!-- InstanceBeginEditable name="Paragraph 2" -->
<p class="p2"> </p>
<!-- InstanceEndEditable -->
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer"><!-- InstanceBeginEditable name="Footer" -->
<p>COPYRIGHT 2010</p>
<!-- InstanceEndEditable -->
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
<!-- InstanceEnd --></html>
CODE FOR UPCOMING EVENTS PAGE
<!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"><!-- InstanceBegin template="/Templates/MMA.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Upcoming Events</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-color: #000;
background-image: url(019_2551x17022081.jpg);
background-repeat: repeat;
}
.twoColFixLtHdr #container {
width: 780px;
margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
border: 1px solid #000000;
text-align: left; /* this overrides the text-align: center on the body element. */
background-color: #FFFFFF;
}
.twoColFixLtHdr #header {
background-color: #DDDDDD;
background-image: url(MMA-Header.png);
height: 150px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
float: left; /* since this element is floated, a width must be given */
width: 200px; /* the background color will be displayed for the length of the content in the column, but no further */
padding: 15px 10px 15px 20px;
color: #FFF;
background-color: #000;
text-align: center;
}
.twoColFixLtHdr #mainContent {
margin: 0 0 0 250px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
text-align: center;
}
.twoColFixLtHdr #footer {
padding: 0 10px 0 20px;
background-color: #000;
}
.twoColFixLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
background-color: #000;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.sidebar {
text-align: left;
}
a:link {
color: #FFF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #FFF;
}
a:hover {
text-decoration: none;
color: #F00;
}
a:active {
text-decoration: none;
color: #F00;
}
.p1 {
text-align: left;
}
.p2 {
text-align: left;
}
.twoColFixLtHdr #container #footer p {
color: #FFF;
}
-->
</style><!--[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixLtHdr #sidebar1 { width: 230px; }
</style>
<![endif]--><!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixLtHdr #sidebar1 { padding-top: 30px; }
.twoColFixLtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body class="twoColFixLtHdr">
<div id="container">
<div id="header">
<h1> </h1>
<!-- end #header --></div>
<div id="sidebar1">
<h3><a href="Index.html">NEWS</a></h3>
<h3><a href="Upcomingevents.html">UPCOMING EVENTS</a><a href="/Contact.html"></a></h3>
<p class="sidebar"><img src="naga.jpg" alt="NAGA" width="196" height="98" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="TITLE_MMA_logo.jpg" alt="Title" width="192" height="120" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="warriorwear.jpg" alt="Warrior Wear" width="194" height="194" hspace="2" vspace="2" /></p>
<p class="sidebar"><img src="5150 banner.jpg" alt="5150" width="194" height="146" hspace="3" vspace="10" /><img src="Functional Fitness.jpg" width="196" height="194" alt="TEAM D" /></p>
<p class="sidebar"><img src="SportFightingNews.jpg" width="202" height="75" alt="Sport Fighting News" /></p>
<!-- end #sidebar1 --></div>
<div id="mainContent">
<h1><!-- InstanceBeginEditable name="Heading 1" -->UPCOMING EVENTS<!-- InstanceEndEditable --></h1>
<!-- InstanceBeginEditable name="Paragraph 1" -->
<p class="p1"> <img src="Cage Championships.jpg" alt="cage champs" width="300" height="450" hspace="100" vspace="10" align="absmiddle" /><img src="Cage Master.jpg" alt="cagemaster" width="311" height="400" hspace="95" vspace="10" /><img src="Cam Buchanan.jpg" alt="Cam" width="300" height="395" hspace="100" vspace="10" /><img src="Mercenary MMA 1-22-10.jpg" alt="Mercenary MMA" width="300" height="462" hspace="100" vspace="10" /></p>
<!-- InstanceEndEditable -->
<h2><!-- InstanceBeginEditable name="Heading 2" --><!-- InstanceEndEditable --></h2>
<!-- InstanceBeginEditable name="Paragraph 2" -->
<p class="p2"> </p>
<!-- InstanceEndEditable -->
<!-- end #mainContent --></div>
<!-- This clearing element should immediately follow the #mainContent div in order to force the #container div to contain all child floats --><br class="clearfloat" />
<div id="footer"><!-- InstanceBeginEditable name="Footer" -->
<p>COPYRIGHT 2010</p>
<!-- InstanceEndEditable -->
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
<!-- InstanceEnd --></html>
SOME ONE PLEASE HELP ME!!!



