Bravenet’s CSS Annoyance

@charish2k1Jun 26.2003

Aiiiiiiee! Bravenet’s driving me nuts 😡 — 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 (~~[URL=http://vmgardens.bravepages.com/index.html]~~Click Here[/URL] ).

to post a comment

CSS

@PeOfEoJun 26.2003 — #Their code does not look likes its interfearing in any way with your hoverlink. Check the color I guess.

@DaveSWJun 26.2003 — #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)

@DaveSWJun 26.2003 — #Just spotted this in the bravenet's code

<style type="text/css">



</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="" 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>

Bravenet’s CSS Annoyance

3 Comments(s) _↴

Also in #CSS _↴

Success!

Social

Version

Bravenet’s CSS Annoyance

3 Comments(s) ↴

Also in #CSS ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

3 Comments(s) _↴

Also in #CSS _↴