WordPress.org

1. HarryJ411
   Member
   Posted 1 year 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 1 year 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 1 year ago #
   

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

4. peredur
   Member
   Posted 1 year 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 1 year 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 1 year ago #
   

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

7. udaipyvl
   Member
   Posted 1 year 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.