WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Adding extra space between objects (10 posts)

  1. nca87
    Member
    Posted 2 years ago #

    Hello,

    I wanted to add a bit of space between the two quotation marks in the left hand box (3rd down) for my quote of the day.

    What is the bit of code that I can add between these two objects?

    Thank you

    My site

  2. Peter Wooster
    Member
    Posted 2 years ago #

    Use an HTML entity to add a non breaking space. You want  .

    Edited since I could't find the backquote on my iPad.
    /peter

  3. nca87
    Member
    Posted 2 years ago #

    Thank you very much for your reply. I added this between the two image references, but it did not add a space. Must I put something else with it?

    I apoligize for the incompetence.

  4. Peter Wooster
    Member
    Posted 2 years ago #

    You mean between those two images? If so why don't you just create a single image that has the space, or add some padding to the images using css?

    eg.
    <img style="padding-right:8px" width="18" height="18" alt="Pic" src="http://probus-sme.com/wp-content/themes/attention/images/lap_top.jpg">

  5. nca87
    Member
    Posted 2 years ago #

    <p><img width="18" height="18" alt="Pic" src="<?php bloginfo('template_directory'); ?>/images/lap_top.jpg"/>&nbsp;<img width="19" height="17" alt="Pic" src="<?php bloginfo('template_directory'); ?>/images/lap_bottom.jpg" /><br/><script type="text/javascript" src="http://www.brainyquote.com/link/quotebr.js"></script><small><i>more <a href="http://www.brainyquote.com/quotes_of_the_day.html" target="_blank">Quotes</a></i></small><br/></p>
  6. nca87
    Member
    Posted 2 years ago #

    So you can see what I did there. I cant really control it from the css since it was just a feed from this quote site. where can I place that non breaking space?

    Thank you for your help!

  7. Peter Wooster
    Member
    Posted 2 years ago #

    The non breaking space would need to go between the two images as in your post, not within one as it is one the site. Since they are images it's probably better to use a style like I suggested in my last post. It appears that you have lost your second image now as well.

    /peter

  8. Peter Wooster
    Member
    Posted 2 years ago #

    I just tried adding the padding-right to the first quote and it worked as expected.

    /peter

  9. Peter Wooster
    Member
    Posted 2 years ago #

    Looks like you got it working, please remember to mark this topic resolved.
    /peter

  10. nca87
    Member
    Posted 2 years ago #

    No you are completely right. Thank you for your support! It worked perfect.

Topic Closed

This topic has been closed to new replies.

About this Topic