Solved

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

Posted on 2010-11-08
14
425 Views
Last Modified: 2013-11-26
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
Comment
Question by:Diverse IT
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
14 Comments
 
LVL 6

Expert Comment

by:stilliard
ID: 34089295
can you show us a demo html page? or post the css here?
0
 
LVL 25

Author Comment

by:Diverse IT
ID: 34089314
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
 
LVL 25

Author Comment

by:Diverse IT
ID: 34089387
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
Independent Software Vendors: 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!

 
LVL 25

Author Comment

by:Diverse IT
ID: 34089433
UPDATE: I did not include the global file. Its update now. Please refresh.
0
 
LVL 5

Expert Comment

by:Emmanuel Gleizer
ID: 34090803
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
 
LVL 25

Author Comment

by:Diverse IT
ID: 34090861
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
 
LVL 25

Author Comment

by:Diverse IT
ID: 34090871
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
 
LVL 6

Expert Comment

by:stilliard
ID: 34090947
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
 
LVL 25

Author Comment

by:Diverse IT
ID: 34090985
Good idea.
Yeah i remember seeing this before as well, but for me it had been quite some time ago.
Updating now.
0
 
LVL 2

Expert Comment

by:wasim117
ID: 34100810
you can try

global reset for focus and active state of the link.

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

Thanks.
0
 
LVL 25

Author Comment

by:Diverse IT
ID: 34109906
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
 
LVL 25

Author Comment

by:Diverse IT
ID: 35143194
@wasim117: still not working after trying yours.
0
 
LVL 25

Author Comment

by:Diverse IT
ID: 35152971
Thank you for all your help everyone!
0
 
LVL 25

Accepted Solution

by:
Diverse IT earned 0 total points
ID: 35152973
I figured it out. There was a double call for jquery. When I removed the second instance it solved the issue.
0

Featured Post

Independent Software Vendors: 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!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Technology Resume 7 71
Obsolete font tag need to convert to CSS 3 37
Text too large in Chrome 17 65
javascript form - error when hitting enter 3 28
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
Developer portfolios can be a bit of an enigma—how do you present yourself to employers without burying them in lines of code?  A modern portfolio is more than just work samples, it’s also a statement of how you work.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

696 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question