5 Replies Latest reply: Jan 24, 2010 8:57 AM by hans-g. RSS

    Picture Won't show up!

    EricFight Community Member

      Ok 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!!!