SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Post Seeing Body.gif Repeated at Bottom of Page

    Hello all, Paul O'B, ronpat, and ralph. Another worldreviewgroup.com question.

    At the bottom of the #middle div at line 398, there is an h3 with an i.d. of #copytagatbottom. It is displaying the repeated graphics of body.jpg at the bottom of the page, and it doesn't look right.

    Attempted, I tried to alter the footer.jpg to no-repeat and I tried to set #copytagatbottom to background:none;, but I haven't figured it out yet.

  2. #2
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    That actually looks like it might be a submittal response form pop-up that is being displayed?

    Code:
    <div id="submitstatus">    	<h3>&nbsp;</h3>    	<p>&nbsp;</p>    </div>
    All you would need to do is place a display:none on your #submitstatus css entry, then change it back to display:block on the form submission using a little bit of javascript.....
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  3. #3
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Hi, Dave Maxwell, and thanks for your reply.
    That <div> is set to display:none; at the beginning, along with #submissionform. It still looks goofy at the bottom for some reason still.

    Maybe it has to do with the .fadeOut() effect I use on #submitstatus and #blackoverlay.

  4. #4
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by etidd View Post
    Hi, Dave Maxwell, and thanks for your reply.
    That <div> is set to display:none; at the beginning, along with #submissionform.
    No it's not.....it's commented out.

    Code:
    #submitstatus{
    	background:url("successorfailure.gif");
    	width:450px;
    	height:100px;
    	position:absolute;
    	/*display:none;*/
    	bottom:40px;
    	left:54px;
    	z-index:2;
    }
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  5. #5
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    I uploaded the new one with the comment removed.

  6. #6
    Just Blow It bronze trophy
    DaveMaxwell's Avatar
    Join Date
    Nov 1999
    Location
    Mechanicsburg, PA
    Posts
    7,200
    Mentioned
    105 Post(s)
    Tagged
    1 Thread(s)
    Quote Originally Posted by etidd View Post
    I uploaded the new one with the comment removed.

    You're site must cache heavily then, because I still see it commented out....
    Dave Maxwell - Manage Your Site Team Leader
    My favorite YouTube Video! | Star Wars, Dr Suess Style

  7. #7
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Just tried to upload again.

    I still see the repeated graphics at the bottom on my local server.

    The display:none; is there now live. No change.

  8. #8
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,223
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Hi etidd,

    On the HTML page, beginning at line 397, move the close </div> tag:

    FROM:
    Code:
        <!-- end footer div -->
        <h3 id="copytagatbottom">&copy;WorldReviewGroup.com<br />
          Updated Mar 14, 2013</h3>
      </div>
      <!-- end middle div -->
    TO:
    Code:
        <!-- end footer div -->
      </div>
        <h3 id="copytagatbottom">&copy;WorldReviewGroup.com<br />
          Updated Mar 14, 2013</h3>
      <!-- end middle div -->

  9. #9
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,223
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    Distantly related...

    Just above the previous code starting at line 387, you need to move another close </div> tag:

    FROM:
    Code:
              <input type="reset" value="Cancel" class="formsubmitbutton" id="cancel"/>
            </form>
          </div>
        </div>
        <div id="submitstatus">
    TO:
    Code:
              <input type="reset" value="Cancel" class="formsubmitbutton" id="cancel"/>
          </div>
            </form>
        </div>
        <div id="submitstatus">

  10. #10
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Okay, Ronpat, I made that close </div> tag there now, but I still see the repeating graphics at the bottom.

  11. #11
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,223
    Mentioned
    51 Post(s)
    Tagged
    2 Thread(s)
    etidd, buddy,

    You made the second change but not the first

    Please see message number 8.

  12. #12
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    624
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Yes, thank you, Ronpat the Cat. Case closed.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •