| | |
|
|
|
Conflicting links |
|---|
| message from spatzy on 20 Jul 2004 |
I'm having some problems with conflicting links. I have setup the bodylink
style for links within the body tag. I'd like these links to have a colour of
FDB74D in all states except hover. The hover colour should be orange as noted
below. I'd like the links underlined in all states.
Unfortunately my links aren't always underlined and sometimes they are a pukey
taupe colour. They could be taupe before or after being visited. I also
have a text_face style which we use for all other text within the body tag. I
can't change the a:link or a:hover styles as we have a navigation bar that's
blue. Changing these classes would affect the navbar.
I'd appreciate any advice you can give. Thought this was supposed to be easy
with the new MX version of Dreamweaver.
(Sorry, but I can't point you to my webpage because it's behind a firewall).
a:hover { color: #FDB74D; text-decoration: none}
a:link {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
a:visited { text-decoration: none}
.bodylink a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #004993;
text-decoration: underline;
}
.bodylink a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #004993;
text-decoration: underline;
}
.bodylink a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
color: #FDB74D;
text-decoration: underline;
}
.text_face { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:
12px; font-style: normal; font-weight: 400}
|
| Joe Makowiec replied to spatzy on 20 Jul 2004 |
Link styles should be in the order link-visited-hover-active
(LoVe - HA!), so the first set you have below is in the incorrect order.
Also, the second set you have will only affect links inside another
container with class bodylink:
<div class="bodylink">
<a href="blah.php">This link has the color: #004993; until it is
hovered over</a>
</div>
<a href="foo.php">This link has the color: unknown[1]; until it is
hovered over</a>
<a href="foo.php" class="bodystyle">This link has the color: unknown[1];
until it is hovered over. Putting the class on the link tag itself has
no meaning.</a>
- Rearrange the existing CSS link-styling code so it's in the right order
- Make sure that the '.bodystyle' class is on a container which holds the
links you want styled that way, and not on the link tag itself.
[1] Not enough information in the CSS excerpt you gave us.
It is if you understand the underlying technology.
Do you have anyplace to post it where we could see it?
|
| spatzy replied to Joe Makowiec on 20 Jul 2004 |
Thanks. I'll try this tomorrow and if I can't get it to work I'll try to figure out how to post it. If not perhaps I can email you with an attachment. I'll let you know.
|
| spatzy replied to spatzy on 20 Jul 2004 |
I should have mentioned that I've been through the www.projectseven.com website and following their instructions.
|
|
Archived message: Conflicting links (Macromedia Dreamweaver Web Design)
