|
-
This doesn't work on Mozilla
Can anyone guide me to fix the wrong display for the text in the DIV, on Mozilla? It works on IE, but not on Mozilla. Thanks.
HTML:
HTML Code:
<div style="position:absolute; left:325px; top:9px; width:200px; height:15px; text-align: left;">
<a href="map.html" class="Map" target="_self">Test</a>
</div>
CSS:
PHP Code:
.Map:link, .Map:visited, .Map:active, {
font-family: Verdana, sans-serif;
color: #993300;
font-size: 7pt;
letter-spacing: 0px;
text-decoration: none;
}
.Map:hover {
color: #FF6600;
text-decoration: underline;
background-color: #3d332e;
}
-
remove the comma after .Map:active
-
-
the link pseudo selectors must be in thsi order:
:link
:visited
:hover
:active
you should add :focus to that also as mozilla ignores :active
example
Code:
a:link,
a:visited {
/* ... */
}
a:hover,
a:active,
a:focus {
/* ... */
}
-
ok
I'll add focus as well. Can I write:
PHP Code:
.Map:link, .Map:visited, .Map:active, .Map:focus {
font-family: Verdana, sans-serif;
color: #993300;
font-size: 7pt;
letter-spacing: 0px;
text-decoration: none;
}
.Map:hover {
color: #FF6600;
text-decoration: underline;
background-color: #3d332e;
}
or does it have to be, this longer repetitive way (by following :link :visited :hover :active :focus):
PHP Code:
.Map:link, .Map:visited {
font-family: Verdana, sans-serif;
color: #993300;
font-size: 7pt;
letter-spacing: 0px;
text-decoration: none;
}
.Map:hover {
color: #FF6600;
text-decoration: underline;
background-color: #3d332e;
}
.Map:active, .Map:focus {
font-family: Verdana, sans-serif;
color: #993300;
font-size: 7pt;
letter-spacing: 0px;
text-decoration: none;
}
-
you can shorten it like this
Code:
.Map {
background: transparent;
color: #930;
font-family: Verdana, sans-serif;
font-size: 7pt;
text-decoration: none;
}
.Map:link,
.Map:visited {
background: transparent;
color: #930;
}
.Map:hover {
background: #3D332E;
color: #F60;
text-decoration: underline;
}
.Map:active,
.Map:focus {
background: transparent;
color: #930;
}
-
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules
|
|
Bookmarks