This Message Forum is no longer in use
Please use the new Bravenet Help Forums FOUND HERE
There are four main styles (Pseudo Classes) to completely manage a link color. If you include the following in your style section, you can manage the default link definition.
a:link {color: #FF0000} /* unvisited link */
a:visited {color: #00FF00} /* visited link */
a:hover {color: #FF00FF} /* mouse over link */
a:active {color: #0000FF} /* selected link */
For more information on using the CSS Pseudo Classe, see W3Schools - CSS Pseudo-classes. Their demo at Hyperlink 2 shows you how to apply different link styles to different sections using class definitions.
I take it that your are not trying to change your web page global link styles, but are only interested in the link style of one particular link. A standard link, that will use the link style defaults, might look like this:
[Text for the link]
The "target" attribute specifies how you want that link to behave when it is clicked. The "_blank" is a reserved keyword that instructs the link to open in a new window. The code might then look like this:
target="_blank">[Text for the link]
If you just want the site to open in your current browser window you could use "_top" instead of "_blank". Frames users can use other target attributes to specify where the link will open up.
But, as I said, the [Text for the link] will display according to the default link style settings. The setting I gave you previously can be used to set the default link style. To change the display of a specific link you can create a style and use a "class" declaration or use an in-line style.
An in-line style setting lets you change a specific instance of a HTML structure. Below is and example of a link that makes the text color brown, the weight bold, and removes any underline.
style="color: #8B4513; font-weight: bold; text-decoration: none;" target="_blank">Link to Anywhere.com
and would look like this: Link to Anywhere.com
To do this same thing with a style you might use something like this:
class="MyLink" href="http://www.anywhere.com/" target="_blank">Link to Anywhere.com
I can't show you this in this forum, because the forum overrides the actual style setting, but with this style placed in the
#ff440 is missing a digit so it will be ignored. You need 6 digits for the colour not five.
Come on -- if you're applying a specific style to just one link on a page, and the page has twenty or thirty links, what are we supposed to look for?
Think!
a.one:link {color: #ff0000}
a.one:visited {color: #0000ff}
a.one:hover {color: #ffcc00}
a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
i AM USING THIS CODE FROM http://www.w3schools.com/css/tryit.asp?filename=trycss_link2 FOR ALL THE WEB LINKS ON THE RIGHT SIDE JUST THE WEB SITE LINKS AND NO MATTER WHAT COLOR I PUT IN THERE IT STAYS THE SAME PINK AND WHEN I HOVER WHITE
Try this:
a.one:hover {color: #FF4400 !important}
It will work, I think, you add "!important" (no quotes) to each of those "a." style definitions.
Someone else may be able to find an easier way.
The CSS you're trying to use will work fine, standalone, but not, as-is, when it's embeded in a Wizard (guess that's what you're using) page.
I meant to say:
a.one:hover {color: #ff4400 !important}
not FF. Just a typo.
I don't know where you tried it, but if you try it on your site, http://dalewillard.bravehost.com/, we can check it out.
Not sure if you're still interested in this topic, but I think if you added the styles in your style.css file, rather than on the page itself, that could be the key to success.
Not sure if you're still interested in this topic, but I think if you added the styles in your style.css file, rather than on the page itself, that could be the key to success.
What I mean is, if you placed the a.one, a.two, etc., definitions in your style.css file, you might not need to add the "!important" to everything. What you want to do isn't complicated, and it shouldn't be a big problem. If you're using the Wizard, that may make things a little more difficult, but there must be a way around it. (Long-term solution: Dump the Wizard!)
No, you can change that till your blue in the face, and nothing is going to happen. The key word here is the Website Wizard. Ahhhhh.......
Initially I thought you were asking a generic question about how to manage link definitions. But after looking at your page I realize that you are trying to make this stuff work with the Website Wizard. It can be done, but there needs to be some adjustments.
First, there are a couple of issues. I see you have added your styles to a style declaration in the
