WordPress.org

Ready to get started?Download WordPress

Forums

.gif instead of border-bottom (8 posts)

  1. Anonymous
    Unregistered
    Posted 10 years ago #

    This must be pretty simple, but it hasn't been for be the last five hours:
    I'd so much love to have a custom made bottom-gif beneath each post. For now I have:
    .feedback {
    text-align: right;
    margin-bottom: 30px;
    padding: 0;
    border-bottom: solid 4px rgb(192,211,226);
    }
    How can I replace this with, say a 250 px. myborder.gif? I tried to put it in a background-image, but that didn't do it.
    Thank you.
    Kristoffer

  2. Mark (podz)
    Support Maven
    Posted 10 years ago #

    If you mean an image that sits between each post, then just call it like so:
    <div class="feedback">
    <?php link_pages('
    Pages: ', '
    ', 'number'); ?>
    <?php comments_popup_link('Comments (0)', 'Comments (1)', 'Comments (%)'); ?>
    </div>
    <img src="atoms.gif"/>
    <!--
    <?php trackback_rdf(); ?>
    -->
    That puts the image 'atoms.gif' below each post. You'd need to center it or whatever, but it works.

  3. WillM
    Member
    Posted 10 years ago #

    Remember that for validation purposes <img> would also need an 'alt' attribute. Tcervo's answer is more elegant but may not work in all browsers. Personally as the image is purely decorative I would set it as a background to .feedback; what code were you trying for that?

  4. Anonymous
    Unregistered
    Posted 10 years ago #

    or try
    .feedback {
    background: url(http://www.yoursite/images/border.gif) no-repeat 50% 50%;
    }

  5. Anonymous
    Unregistered
    Posted 10 years ago #

    Just a line of thought. A couple of guys here are indicating you have choices and what you want can be done several ways. As a matter of principle I always try not to edit the index or php primarily for reasons of upgrades. I have not quite achieved it but the index editing is down to two fixes. Secondly; odd as it may seem img may be depracated in css 3. It is very advanced thinking to call your img in the css as suggested by tcervo and it might well be the best way to go.

  6. Anonymous
    Unregistered
    Posted 10 years ago #

    Just a line of thought. A couple of guys here are indicating you have choices and what you want can be done several ways. As a matter of principle I always try not to edit the index or php primarily for reasons of upgrades. I have not quite achieved it but the index editing is down to two fixes. Secondly; odd as it may seem img may be deprecated in css 3. It is very advanced thinking to call your img in the css as suggested by tcervo and it might well be the best way to go.

  7. Anonymous
    Unregistered
    Posted 10 years ago #

    Thanks guys! I'm at work at the moment and can't wait to come home and try this out!

  8. tcervo
    Member
    Posted 10 years ago #

    WillM,
    I've tested this type of solution in all the major (and most minor) browsers...works fine. It doesn't work in v4 browsers, but then most of us are not serving them style sheets anyway. The nice thing about any browser that doesn't get the style, is they will see a regular HTML horizontal rule instead (which serves the purpose of breaking up the individual posts).
    And I do agree with anon that trying to limit changes to the index.php file is a good thing. Sometimes, though, it just makes sense to do so. A good idea might be to preface any addition or change with a comment <-- added by me --> so that when a new major upgrade comes along, if your old index.php isn't working, you can easily find and add back the little changes (like adding an hr tag) to the new and improved index.php.
    -Tony

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.