Jump to content

Make footer jpeg a link without the visited link border?


limages
 Share

Recommended Posts

Hi all.I just joined yesterday. Sorry if this is a really beginner Q but I need help with some CSS coding--specifically about how to establish a link style for a footer image that keeps the image from getting a visited style around it. For my 2 page site my footer is a a colspan jpeg of contact information I made in PShop. I feel I need to insert an email link within it since it offers contact info. I did this and then discovered that after I'd clicked on it to test, the outside margin of my footer had changed, I think because my image link now had a blue border around it (the style of any typical visited link). But this made the rest of the page jut out a tiny amount beyond the footer and it looks odd. Or put another way, it reduced the size of the footer by the width of the visited link border and thus you get the same bad visual result.I hope I'm making sense and that you can picture the problem I'm having.Is it possible to eliminate link visited decoration (or all link decoration whatsoever) so my footer cell will continue to match up visually with the rest of the page above it?OR, if not, is there a way to code an image so that just one part of the whole is the link? Thanks so much for your help!

Link to comment
Share on other sites

the above css style will work, however, it removes all borders from all images.you might want to use an ID= on the footer and target only the footer images as follows:

<div id="footer"><img code here></div>

and in the css/style information, use:

#footer img { border:0; }

as per DD's posting above.

Link to comment
Share on other sites

the above css style will work, however, it removes all borders from all images.you might want to use an ID= on the footer and target only the footer images as follows:
<div id="footer"><img code here></div>

and in the css/style information, use:

#footer img { border:0; }

as per DD's posting above.

Thank you both so much. I'll try it. btw, can I use your suggestions in an html doc and not an xhtml doc?(Like I wrote, I'm new to coding and have just learned html. Am about to start on x.)
Link to comment
Share on other sites

btw, can I use your suggestions in an html doc and not an xhtml doc?
CSS can be used for any XML or SGML-based language, so yes.
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...