css problems
... Sorry to ask another CSS question, but I am so confused ...
Basically, I have a css page for my site and I want it to do a few things with my links. On hover (mouse over) I want the font to go from 10 points to 11 - I got this under control. BUT the problem is I can't figure out how to add a "visited" setting to this. I was the visited to be the same as a normal link but line-through.
.BodyLink, a {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 10px;
color: #6699CC;
}
.BodyLink:hover, a:hover {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
Here is what i have now, i have tried to add:
.BodyLink:visited {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
but it won't work, any ideas? THANKS SO MUCH
:bunny:
Suzanne posted this at 21:54 — 19th April 2004.
She has: 5,507 posts
Joined: Feb 2000
Order:
a
a:link
a:active
a:visited
a:hover
You can omit, but you cannot change the order or she won't work.
m3rajk posted this at 22:10 — 19th April 2004.
They have: 461 posts
Joined: Jul 2003
suzanne: i've been using that to do colors and have visited and active switched and that has been working. just flipped it incase it's a mozilla quirk, but it begs the question, are you completley sure fo that?
i was thinking he either made typos retyping for us or.....
.BodyLink, a {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 10px;
color: #6699CC;
}
.BodyLink:hover, a:hover {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
Here is what i have now, i have tried to add:
.BodyLink:visited {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
.BodyLink, a {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 10px;
color: #6699CC;
}
.BodyLink:hover, a:hover {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
Here is what i have now, i have tried to add:
.BodyLink:visited ,a:visited {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 11px;
color: #000000;
}
POSIX. because a stable os that doesn't have memory leaks and isn't buggy is always good.
salcan posted this at 23:00 — 19th April 2004.
They have: 5 posts
Joined: Apr 2004
m3rajk, hey i tried what you wrote (and modified it a bit)
.BodyLink:visited ,a:visited {
font-family: Geneva, Arial, Helvetica, san-serif;
font-size: 10px;
color: #6699CC;
text-decoration:line-through;
}
-- this works and it is recognized as visited... BUT now the line-through is not working... any ideas?
Suzanne posted this at 01:18 — 20th April 2004.
She has: 5,507 posts
Joined: Feb 2000
visited/active don't usually matter -- it's hover that HAS to be last. Sometimes explaining things simply means stating as fact things that with experience prove to be variable.
salcan posted this at 01:27 — 20th April 2004.
They have: 5 posts
Joined: Apr 2004
I couldn't agree more,,, but it seems like the problem is fixed
Any idea why the line-through might not be working?
Suzanne posted this at 17:24 — 20th April 2004.
She has: 5,507 posts
Joined: Feb 2000
There could be a conflict, or possibly a typo -- do you have an url?
salcan posted this at 19:37 — 20th April 2004.
They have: 5 posts
Joined: Apr 2004
the site is xyzcomputing.com/reviews.htm
the css xyzcomputing.com/newbiereview.css
Right now the Visited seems to work, as does active and hover but the line-through is not appearing.
Thanks!
salcan posted this at 21:07 — 20th April 2004.
They have: 5 posts
Joined: Apr 2004
got it! the pages own css was messing with my external css page. In the end the html seem to associate the always/never underline feature of dreamweaver's internal css with the line-through of the external.
So to fix it in turns dreamweaver's css on to "underline always"- this basically means "text decoration ON". Then I put in any text decoration I wanted on my external css page!
Hope you can follow that mess.... THANKS everybody
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.