|
Welcome
Guest
|
Register
| Login
|
|
|
| Index | Recent Threads | Unanswered Threads | Who's Online | User List | Help |
Killersites.com Forum
General Web Design
Beginners to web design.
Thread: Change default link color in IE
|
| No member browsing this thread |
|
Thread Status: Active Total posts in this thread: 4
|
|
| Author |
|
seadragon
Newbie Joined: Jun 29, 2007 Post Count: 35 Status: Offline |
I have a few logos that I am using as links to external sites in a site that I am building in DW. I have written the CSS to display the colored frame that appears around them when linked to brown instead of the default blue. Displays correctly in FF but it doesn't in IE - still blue. Here is my CSS: what do I need to do to get it to display right in IE? body { margin: 0; padding: 0; text-align: center; color: #003300; background-color: #003300; font-family: Arial, Helvetica, sans-serif; font-size: 100%; background-image: url(fronds%20copy.jpg); } a:link{color: #8B4513;} a:visited{color: #8B4513;} a:active{color: #8B4513;} a:hover{color: #8B4513;} #nav{ margin: 0; padding: 0; float: none; font: bold 12px Trebuchet MS; } #nav li{ display: inline; } #nav li a{ float: left; color: #990000; padding: 8px 10px; text-decoration: none; } #nav li a:visited{ color: #5C3D04; } #nav li a:hover{ color: #003300; } #nav li a#farleft{ border-left-width: 1px; border-left-color: #003300; } Thank you |
||
|
Wickham
Advanced Member UK Joined: Sep 17, 2007 Post Count: 590 Status: Offline |
Logos are images not text so the normal link color codes won't work in all browsers. You need to set border colors for images. See http://www.wickham43.supanet.com/tutorial/generaladvice.html#imageborders IE6 then needs a behavior file as it doesn't support hover on images or anything except the a tag. See note in link above. ---------------------------------------- Code downloaded to my PC will be deleted in due course. WIN XP SP3; IE7, Firefox 3.0, Opera and Safari for Windows; screen resolution usually 1024x768. IE6 on W98 with 800*600. |
||
|
|
Thelma
Advanced Member Texas, USA Joined: Dec 8, 2003 Post Count: 3021 Status: Offline |
I prefer to set my image links to: border: 0; so I don't get that 'frame' at all - I figure the curser alone is enough to show it's a link. But that's personal preference. However, I noticed a mistake in how you're styling your regular links. It may not be noticeable, since you're using the same color for all states - so in that case, you could just write: a: {color: #8B4513;} But if you break is out, in case you want different colors, things have to appear in a certain order to work properly - someone here taught us: Lord Vader's Former Handle Annikan --- as in: a:link a:visited a:focus a:hover a:active or the shorter version: LoVe - HAte a:link a:visited a:hover a:active if the order isn't right, things don't work right. (PS - not floating is default, so if you're not floating, you don't have to say float:none - unless you say 'float: right or left', things won't) ---------------------------------------- ... |
||
|
|
seadragon
Newbie Joined: Jun 29, 2007 Post Count: 35 Status: Offline |
Thx Thelma I don't believe that ultimately the links will be the same color just did it for simplicity for now. RE: CSS image links: - should I write that like image links: {border 0;} and place it above the 'link' CSS? You're absolutely right on the order of the link info- didn't even notice...and didn't try cuz more concerned about blue frame... 'preciate your help. Wickham - thank you too. This link will come in handy for a problem my partner is having as well, so this is great:) EDIT: Got it- yay!! THX again ---------------------------------------- [Edit 1 times, last edit by seadragon at Oct 3, 2007 8:05:56 AM] |
||
|
|
|
|
Current timezone is GMT Mar 18, 2010 5:52:04 AM |
