6 Replies Latest reply on Feb 6, 2014 2:21 AM by Jim_Palik

    I cannot find what is creating a space on my web page

    Jim_Palik Level 1

      I have a large space at the bottom of my home page that I cannot figure out where it is coming from. Would anyone be willing to look at my index.php to see why I have extra space between an image and the text below.

       

      My website is www.jpalik.com

       

      I have inserted the index.php

       

      <!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>Photography By James Palik : Home Page</title>

      <meta name="keywords" content="Photography, Germany, USA, European Union," />

      <meta name="description" content="James Palik is an international travel photographer, event photographer, photo journalist, photographic artist, writer and teacher. This web site contains samples of his work." />

      <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
      <script src="Scripts/jquery.cycle.all.min.js" type="text/javascript"></script>

      <link href="CSS/Layout.css" rel="stylesheet" type="text/css" media="all" />

      <link href="CSS/TopMenu.css" rel="stylesheet" type="text/css" media="all" />

      <!--jQuery Dynamic Banner, iframe resize code -->
      <?php require_once('Includes/DynamicBannerNarrow.html'); ?>
      </head>

      <body class="Home">
      <div id="wrapper">
      <div id="header">
      <?php require_once('Includes/HeaderNarrow.html'); ?>
      <!--end header --></div>

      <p>
       
        <!--begin dynamic banner, works with any number of images. Adjust $directory = to desired 'Banners-folder' relative to this page-->
      <?php
      $directory = 'Menu/1-Home-index/BannerImages';
      try {    
      // Styling for images
      echo "<div id=\"myslides\">";
      foreach ( new DirectoryIterator($directory) as $item ) {  
        if ($item->isFile()) {
         $path = $directory . "/" . $item;
         echo "<img src=\"" . $path . "\" />";
        }
      }
      echo "</div>";
      }
      catch(Exception $e) {
      echo 'No images found for this rotating banner.<br />';
      }
      ?>
       
      <?php require_once('Includes/TopMenu.html'); ?>
      <!--end top menu

      The below <p> </p> puts a space between the top menu and the home page images-->

      <!--<p> </p>-->

      <div id="content">
      <!--  <h2><br />
      </h2>

      <p>-->
      <?php $directory = 'Images/Content/Home';
         
      try {    
      // Styling for images
      echo "<div id=\"myslides2\">";
      foreach ( new DirectoryIterator($directory) as $item ) {  
        if ($item->isFile()) {
         $path = $directory . "/" . $item;
         echo "<img src=\"" . $path . "\" />";
        }
      }
      echo "</div>";
      }

      catch(Exception $e) {
      echo 'No images found for this rotating banner.<br />';
      }

      ?>

      <!--<p>See my most recent <strong>Events</strong> posting - </a><a href="St" _mce_href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/4-Events/StCatherinesChurch /NativityPlay2013/Event-Iframe.php">St">http://www.jpalik.com/PhotographyByJamesPalik/Menu /4-Events/StCatherinesChurch/NativityPlay2013/Event-Iframe.php">St Catherine's Church 4th Sunday of Advent - Nativity Play 2013</a></p>-->
      <p>See my most recent <strong>PhotographicART</strong> postings:</a>
      <ul>
      <li><a href="San" _mce_href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/2-PhotographicART/ColorColl ections/SanFranciscoCollection/ClassicColor/Level-4-Iframe.php">San">http://www.jpalik.com /PhotographyByJamesPalik/Menu/2-PhotographicART/ColorCollections/SanFranciscoCollection/Cl assicColor/Level-4-Iframe.php">San Francisco - Classic Views</li>
      <li><a href="San" _mce_href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/2-PhotographicART/ColorColl ections/SanFranciscoCollection/Expressionist/Level-4-Iframe.php">San">http://www.jpalik.co m/PhotographyByJamesPalik/Menu/2-PhotographicART/ColorCollections/SanFranciscoCollection/E xpressionist/Level-4-Iframe.php">San Francisco - Icons (expressionist)</li></a>

      </p>

      <!--<p>Visit my  exhibition, <a href="The" _mce_href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/2-PhotographicART/TheFlexib leNegativeII/TheFlexibleNegativeII.php">The">http://www.jpalik.com/PhotographyByJamesPalik /Menu/2-PhotographicART/TheFlexibleNegativeII/TheFlexibleNegativeII.php">The Fliexible Negative II </a> , showing at the <a href="http://www.daz.org/DasInstitut.html" title="Deutsch-Amerikanisches Zentrum" target="_blank">Deutsch-Amerikanisches Zentrum</a> in Stuttgart until March 8, 2013</p>
      <p>If you are a serious SLR photographer and you want to take your work to the next level, you may be interested in taking my advanced photography class<a href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/7-Teaching/7-Teaching.php" title="Learning How to See"> Learning How to See</a></p>
      <p>To follow my web-site development and receive PhotographicART updates, go to <a href="http://www.jpalik.com/PhotographyByJamesPalik/Menu/8-Contact/8-Contact.php" title="Contacts">Contacts</a> put &quot;Follow me&quot;</a> in the subject line </p>-->
      <p><strong>This site was last updated February 5, 2014</strong><br />


      <br />
      </p>

      <!--Begin slide control buttons
      <button id="pause" style="position:absolute; top:380px; z-index:1000">Pause</button>
      <button id="resume" style="position:absolute; top:380px;z-index:1000">Resume</button>
      <!--end control buttons

      <!--begin dynamic content slides, works with any number of images. Adjust $directory = to desired 'Banners-folder' relative to this page-->

        <p>Thank you for visiting</p>

      <!--Begin footer -->
      <div id="footer">
        <?php require_once('Includes/Footer.html'); ?>
        <!--end footer -->
        </div>
      <!--end wrapper --></div>

      <!--iframe resize function -->
      <script type="text/javascript">
      jQuery('iframe').iframeAutoHeight();
      </script>
      </body>
      </html>

       

       

      Thank you,

       

      Jim