Bravenet's CSS Annoyance

admin

Administrator
Staff member
Aiiiiiiee! Bravenet's driving me nuts :mad: --- has anyone had the following problem: You're using a basic CSS code for fancy links with hover and such on a Bravenet blank HTML document, and let's say you put "red" for the hover color; but when you go to preview the page, it ends up coming out as a GREEN hover instead of the red like you put? If anyone has had the problem and preferably found a solution to "Bravenet's CSS Annoyance" as I call it, reply please 'cause it drives me nuts when things don't go my way in designing *is a semi-perfectionist*; it's a site I'm doing for someone and he too isn't exactly happy with it (Click Here (<!-- m --><a class="postlink" href="http://vmgardens.bravepages.com/index.html">http://vmgardens.bravepages.com/index.html</a><!-- m -->) ).Their code does not look likes its interfearing in any way with your hoverlink. Check the color I guess.Try changing your css to

a:link { color: blue; text-decoration: none }
a:visited { color: purple; text-decoration: none; font-weight: bold }
a:hover { color: #FF0000; text-decoration: underline overline; background: silver }
a:active { color: orange; text decoration: none }

(you specified a class in your css but I couldn't find it in your html)Just spotted this in the bravenet's code

<style type="text/css">
<!--
.link {font:12px verdana; text-decoration:none; font-weight:bold; color:BLUE; }
A:hover { color:#349901; }
-->
</style>

that's the cause of your trouble.


Change your css to:
a.garden:link { color: blue; text-decoration: none }
a.garden:visited { color: purple; text-decoration: none; font-weight: bold }
a.garden:hover { color: #FF0000; text-decoration: underline overline; background: silver }
a.garden:active { color: orange; text decoration: none }

and then modify your body tag (or the containing element for the links)
<body class="garden">

I don't know if their code will override yours anyway because it's further down the page.

If all else fails, inside each a tag try
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" style="a:link{ color: blue; text-decoration: none }
a:visited{ color: purple; text-decoration: none; font-weight: bold }
a:hover { color: #FF0000; text-decoration: underline overline; background: silver }
a:active { color: orange; text decoration: none } ">link</a>
 
Back
Top