WordPress.org

Ready to get started?Download WordPress

Forums

Adventure Journal
Unlink Spaces Between Image Links (7 posts)

  1. HarryJ411
    Member
    Posted 3 years ago #

    Hi. I know this may be a small issue, but if someone could help me, that would be great. I have a sidebar widget that I made using a Text widget. It consists of ten image links. When the page is viewed in Firefox, it looks great, but for some reason, the space in between these images gets underlined and linked when the page is viewed in IE or Google Chrome. Any ideas on how to fix this?

    Here is my page.
    http://www.onlyonweekends.com

    http://wordpress.org/extend/themes/adventure-journal/

  2. peredur
    Member
    Posted 3 years ago #

    Wild guess...

    Browsers should treat all white space the same, but sometimes IE (in particular) doesn't. Could you try separating your image links with a single space instead of a new line?

    Just a shot in the dark.

    Cheers

    PAE

  3. HarryJ411
    Member
    Posted 3 years ago #

    I just gave that a try, but it didn't change anything. Thanks for the suggestion though.

  4. peredur
    Member
    Posted 3 years ago #

    Actually, I just checked again in FF on Linux, using Firebug. As far as I can tell, there is no space between the images in FF either. The links seem to butt right up against each other and I can't get the hand cursor to change back to an arrow anywhere over the images or between them.

    How about giving each <a> element a small amount of left or right margin? Something like:

    #list-7 a {
      margin: 0 2px;
    }

    You may have to reduce the padding on the list-7 element to compensate if you do this, in order to accommodate the greater width.

    Cheers

    PAE

  5. Matt van Andel
    Member
    Theme Author

    Posted 3 years ago #

    I'm not sure WHY Chrome is doing it, but it's adding underlines to the <a> tags between the images. This actually seems to be caused by the <a> tags being adjacent (I'm guessing this is a browser bug). This is the offending code:

    style.css - line 67

    a:link {
      text-decoration:underline;
    }
    

    You can fix this by adding an inline style ( style="text-decoration:none !important;" ) to each of your <a> tags, or by creating a CSS rule that targets that widget more specifically, like:

    #text-7 a:link {
      text-decoration:none !important;
    }
    
  6. HarryJ411
    Member
    Posted 3 years ago #

    Adding the inline style to each of the links worked. Thanks for your help!

  7. udaipyvl
    Member
    Posted 2 years ago #

    i am having problem in featured image i m not able to use post thumbnail with my post image please help me out its realy a nice theme but it having post thumbnail problem plzz help me out to solve it

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic