Remove link border with CSS
gold987987987 Apr 15, 2009 3:03 PMOk, I've successfully removed the annoying active, hover, and visited link borders on my image buttons with the following CSS code:
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
My problem is when I hit the back button in Firefox after visiting a link on my site, the link I previously clicked on the originating page is stuck in the hover state.
This is not happening in IE.
Take for example this page:
http://www.venture-multimedia.com/caldwell/index.html
Now, click the Projects button.
While on the Projects page, click the browsers back button to return to the index page.
Now that your are back at the index page, is the Projects button still highlighted? It is in my Firefox.
This is not happening in IE, why is Firefox doing this? Does anyone have a fix? I've looked all over the place.
Here's my CSS by the way:
@charset "utf-8";
body {
background-image: url(../images/background.jpg);
background-repeat: repeat-x;
background-position: center top;
background-color: #420E00;
}
img {
border-style: none;
}
a:active
{
outline: none;
}
a:focus
{
-moz-outline-style: none;
}
.main {
Xfont-family: georgia, serif;
font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
font-size : 11pt;
color : #501F01;
line-height: 13pt;
background-image: url(../images/stage.jpg);
margin: 0px;
padding: 0px;
height: 472px;
width: 811px;
}
.under {
padding-left: 20px;
padding-top: 0px;
}
.italics {
font-style: italic;
font-size: 17px;
font-weight: normal;
line-height: 20px;
}
.addressBox {
background-image: url(../images/address_box.jpg);
height: 88px;
width: 183px;
font-size: 12px;
font-weight: bold;
text-align: center;
padding-top: 4px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}
.bottomText {
font-family: "Times New Roman", Times, serif;
font-size: 10px;
color: #C1AD8C;
padding-top: 8px;
}
.topLeft {
padding-left: 0px;
padding-top: 10px;
}
.italicsSmaller {
font-style: italic;
font-size: 14px;
font-weight: normal;
line-height: 20px;
padding-left: 20px;
padding-right: 10px;
padding-top: 0px;
}


