limages Posted September 6, 2008 Share Posted September 6, 2008 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 More sharing options...
jeffman Posted September 6, 2008 Share Posted September 6, 2008 A CSS style sheet in the head of your doc: <style> img {border: 0}</style> Link to comment Share on other sites More sharing options...
jlhaslip Posted September 6, 2008 Share Posted September 6, 2008 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 More sharing options...
limages Posted September 7, 2008 Author Share Posted September 7, 2008 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 More sharing options...
Synook Posted September 8, 2008 Share Posted September 8, 2008 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 More sharing options...
limages Posted September 8, 2008 Author Share Posted September 8, 2008 CSS can be used for any XML or SGML-based language, so yes.Thanks very much for your insight. I really appreciate it.L Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.