• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 440
  • Last Modified:

Image has a strange horizontal line/dash. Onhover it is removed.

All images in this gallery include what looks to be a partial horizontal line or dash on the left side of the image. The CSS was altered, and then this issue was noticed. Unfortunately, there are no change logs available. On mouse hover the line disappears as desired. The goal is to obviously remove this dash/line

Attached is an example.

Any ideas?
Image-line.PNG
0
Blue Street Tech
Asked:
Blue Street Tech
1 Solution
 
stilliardCommented:
can you show us a demo html page? or post the css here?
0
 
Blue Street TechLast KnightsAuthor Commented:
Ok. Thanks. Its offline right now...dev'n it. Its part of an ASPX integration so i will pull it from that and post in an HTML file. I will post in 5min & let you know once i do.
0
 
Blue Street TechLast KnightsAuthor Commented:
Well, oddly enough, now that i have it online it is behaving slightly different. Now i notice the issue on active or when you click on the image (in the display no the thumbs.). I also noticed the rollovers are not working either now (page 1, 2 prev, next) above and below the thumbs but that is another issue.
Here is the example: http://domain.info/gallery.html 
Thanks again.
0
Industry Leaders: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
Blue Street TechLast KnightsAuthor Commented:
UPDATE: I did not include the global file. Its update now. Please refresh.
0
 
Emmanuel GleizerCommented:
In IE8/win7 I don't see the dot.
I check all modes (even quirks) also checked in chrome.
You solved your problem?

uxtest-info.png
0
 
Blue Street TechLast KnightsAuthor Commented:
Did you click on the main image multiple times? i have notice sometimes it does not appear during the initial click.
I tested it in WIN7: IE8, FF3, Safari, Chrome & Opera. All work now except IE8 still.
0
 
Blue Street TechLast KnightsAuthor Commented:
i see it when i click, no longer all the time.
I know it seems like mountain out of an ant hill, but it may lead to other issues down the road if i don't nip it in the bud.
0
 
stilliardCommented:
Hmm, i thinks ive seen this before when working with vertical-align:middle, to get more of a picture of what elements causing this you could add different coloured borders round the img, and the parent a element and span element, to see if it highlights a border arround it for any of these.
0
 
Blue Street TechLast KnightsAuthor Commented:
Good idea.
Yeah i remember seeing this before as well, but for me it had been quite some time ago.
Updating now.
0
 
wasim117Commented:
you can try

global reset for focus and active state of the link.

:active {outline:none}
:focus {outline:none}

Thanks.
0
 
Blue Street TechLast KnightsAuthor Commented:
Sorry everyone, i've been neck deep in this project with no room to breathe. I am testing the suggestions i was not able to get to now. Will post results soon. Thanks for your paitence!
0
 
Blue Street TechLast KnightsAuthor Commented:
@wasim117: still not working after trying yours.
0
 
Blue Street TechLast KnightsAuthor Commented:
Thank you for all your help everyone!
0
 
Blue Street TechLast KnightsAuthor Commented:
I figured it out. There was a double call for jquery. When I removed the second instance it solved the issue.
0

Featured Post

VIDEO: THE CONCERTO CLOUD FOR HEALTHCARE

Modern healthcare requires a modern cloud. View this brief video to understand how the Concerto Cloud for Healthcare can help your organization.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now