The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Border around image after clicking to view in separate window
SomeDudeOnline
post Mar 25 2014, 06:15 PM
Post #1


Member
***

Group: Members
Posts: 51
Joined: 3-March 14
Member No.: 20,464



Hello all,

This issue drove me nuts last night. I'm working on this website and I put in a photo gallery (not fancy at all) and am using this
CODE
<a href="2013paninicontenders.jpe" target="_blank" class="g"><img src="2013paninicontenders.jpe" alt="1" width="350" height="250">
to open the image in a new window when clicked. Well before the image is clicked there is a default border that doesn't bother me but when the image is clicked on (visited) the border turns black. I have put a class on the images and have no mention of borders in the class (G). I have no idea where the border is coming from.

Here is a link to the web page http://myweb.csuchico.edu/~jkime/Gallery.htm
Here is the CSS FileAttached File  Stylesheet.css ( 2.11k ) Number of downloads: 419

Here is the html for the page in question Attached File  Gallery.htm ( 4.46k ) Number of downloads: 427


Thanks in advance for any help.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 25 2014, 06:48 PM
Post #2


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



It's your visited link color. Linked images get a border. It's easy enough to remove.

CODE
a img   { border: none }


Only problem is it removes the border you do want also. Heh, I've actually never encountered this problem before. Must think about how to get the border back without it turning black...
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
SomeDudeOnline
post Mar 26 2014, 01:37 AM
Post #3


Member
***

Group: Members
Posts: 51
Joined: 3-March 14
Member No.: 20,464



QUOTE(pandy @ Mar 25 2014, 06:48 PM) *

It's your visited link color. Linked images get a border. It's easy enough to remove.

CODE
a img   { border: none }


Only problem is it removes the border you do want also. Heh, I've actually never encountered this problem before. Must think about how to get the border back without it turning black...



Thank you Pandy,

I'm actually perfectly happy without the gray-ish border being gone so that isn't an issue. The only reason I didn't ask how to get rid of it is because it didn't offend me lol. But please find a solution anyways, I'm sure you'll enjoy the challenge smile.gif

SomeDudeOnline
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Mar 26 2014, 04:42 AM
Post #4


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



OK. If you want it back later it's just a matter of specific enough selectors. I didn't want to go through your style sheet last night to find out what was needed. Maybe I made it sound like more trouble than it is.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 24th April 2024 - 08:38 PM