WordPress.org

Ready to get started?Download WordPress

Forums

adding line image to footer (8 posts)

  1. jan@jsphotofx.com
    Member
    Posted 2 years ago #

    I'm trying to fix a footer on someone else's site - I didn't build it so am just getting to fix it. The client wants to add a line image in the footer, which i did, and it works, for about a half second. Then the line disappears!

    So I'm about halfway there, in that it even shows up at all. It does work in IE, but not in Firefox.

    http://www.albanydoors.us is the site, can you give me an idea what's going on and how to fix it?

    Would using a hr work better than a gif image?

  2. graphfx21
    Member
    Posted 2 years ago #

    Why don't you wrap it in a div, then do something like this:

    div {
     border-top: 3px solid #fff;
     border-bottom: 3px solid #fff;
     padding: 10px 0;
    }

    Also, in IE it adds a good amount of extra space at the bottom with whatever your current solution is.

  3. jan@jsphotofx.com
    Member
    Posted 2 years ago #

    Where does that code go? This is what is in my footer.pho file now:

    <?php
    include("download-both.php");
    ?>
    
    <p align="center"><br>
    
    <img src="line.gif" height="2"  width="730" border="0"><br><br>
    <strong><font color="#FFFFFF" face="Arial" size="1">Albany</strong> is the leading product brand in the <strong> High Performance Door Solutions</strong> group at <strong>ASSA ABLOY Entrance Systems.<br>
    ASSA ABLOY Entrance Systems</strong> is a leading supplier of entrance automation solutions for efficient flow of goods and people. With our worldwide presence we offer products and services dedicated to satisfying end-user needs for safe, secure, convenient and sustainable operations. ASSA ABLOY Entrance Systems is a division within ASSA ABLOY.<br>
    <br>
    Copyright © 2012</font>
    <br><img height="2" src="line.gif" width="730" border="0"></p>
    </body>
    </html>
  4. graphfx21
    Member
    Posted 2 years ago #

    You want to put the code in my previous post in your style.css file.

    You want to create a div to wrap around this:

    <strong><font color="#FFFFFF" face="Arial" size="1">Albany</strong> is the leading product brand in the <strong> High Performance Door Solutions</strong> group at <strong>ASSA ABLOY Entrance Systems.<br>
    ASSA ABLOY Entrance Systems</strong> is a leading supplier of entrance automation solutions for efficient flow of goods and people. With our worldwide presence we offer products and services dedicated to satisfying end-user needs for safe, secure, convenient and sustainable operations. ASSA ABLOY Entrance Systems is a division within ASSA ABLOY.<br>
    <br>
    Copyright © 2012</font>
    <br><img height="2" src="line.gif" width="730" border="0"></p>
  5. graphfx21
    Member
    Posted 2 years ago #

    Once you do this, you don't need your gif images at the too and bottom of the footer text

  6. alchymyth
    The Sweeper & Moderator
    Posted 2 years ago #

    you will very likely need to use the absolute path to the image.

    this would work:

    <img src="http://www.albanydoors.us/wp-content/themes/albany_door_system/line.gif" height="2" width="730" border="0">

    or try:

    <img src="<?php echo get_stylesheet_directory_uri(); ?>/line.gif" height="2" width="730" border="0">

    http://codex.wordpress.org/Function_Reference/get_stylesheet_directory_uri

  7. jan@jsphotofx.com
    Member
    Posted 2 years ago #

    The line shows up. For about 1 second. That's it, then it disappears. Why is it disappearing????

  8. jan@jsphotofx.com
    Member
    Posted 2 years ago #

    by jove, I think it's working, in all browsers even. Yohoo. Thanks for the help.

Topic Closed

This topic has been closed to new replies.

About this Topic