CSS not working

  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

Code: [ Select ]
.errorlink a {
  color:#FFFF00;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
.errorlink a:visited {
  color:#006600;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
.errorlink a:active {
  color:#00FF99;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
.errorlink a:hover {
  color:#000000;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a {
  color:#FFFF00;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
  background-color: #99BB77;
  border-color: #668877;
  border-style: solid;
  border-width: thin;
}
a:visited {
  color:#006600;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
  background-color: #AACC77;
  border-color: #668877;
  border-style: solid;
  border-width: thin;
}
a:active {
  color:#00FF99;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
  background-color: #AACC77;
  border-color: #668877;
  border-style: solid;
  border-width: thin;
}
a:hover {
  color:#000000;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
  background-color: #AACC77;
  border-color: #668877;
  border-style: solid;
  border-width: thin;
}
  1. .errorlink a {
  2.   color:#FFFF00;
  3.   text-decoration: none;
  4.   font-family: monospace;
  5.   font-size: 14px;
  6.   font-variant: normal;
  7. }
  8. .errorlink a:visited {
  9.   color:#006600;
  10.   text-decoration: none;
  11.   font-family: monospace;
  12.   font-size: 14px;
  13.   font-variant: normal;
  14. }
  15. .errorlink a:active {
  16.   color:#00FF99;
  17.   text-decoration: none;
  18.   font-family: monospace;
  19.   font-size: 14px;
  20.   font-variant: normal;
  21. }
  22. .errorlink a:hover {
  23.   color:#000000;
  24.   text-decoration: none;
  25.   font-family: monospace;
  26.   font-size: 14px;
  27.   font-variant: normal;
  28. }
  29. a {
  30.   color:#FFFF00;
  31.   text-decoration: none;
  32.   font-family: monospace;
  33.   font-size: 14px;
  34.   font-variant: normal;
  35.   background-color: #99BB77;
  36.   border-color: #668877;
  37.   border-style: solid;
  38.   border-width: thin;
  39. }
  40. a:visited {
  41.   color:#006600;
  42.   text-decoration: none;
  43.   font-family: monospace;
  44.   font-size: 14px;
  45.   font-variant: normal;
  46.   background-color: #AACC77;
  47.   border-color: #668877;
  48.   border-style: solid;
  49.   border-width: thin;
  50. }
  51. a:active {
  52.   color:#00FF99;
  53.   text-decoration: none;
  54.   font-family: monospace;
  55.   font-size: 14px;
  56.   font-variant: normal;
  57.   background-color: #AACC77;
  58.   border-color: #668877;
  59.   border-style: solid;
  60.   border-width: thin;
  61. }
  62. a:hover {
  63.   color:#000000;
  64.   text-decoration: none;
  65.   font-family: monospace;
  66.   font-size: 14px;
  67.   font-variant: normal;
  68.   background-color: #AACC77;
  69.   border-color: #668877;
  70.   border-style: solid;
  71.   border-width: thin;
  72. }


What isn't working? The class="errorlink" for links. It still does the same as it was a regular link. Why?

He is what I use for the html...

Code: [ Select ]
<a class="errorlink" href="http://www.my-url.com">My URL</a>
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

try this

Code: [ Select ]
a.errorlink {
  color:#FFFF00;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:visited {
  color:#006600;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:active {
  color:#00FF99;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:hover {
  color:#000000;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
  1. a.errorlink {
  2.   color:#FFFF00;
  3.   text-decoration: none;
  4.   font-family: monospace;
  5.   font-size: 14px;
  6.   font-variant: normal;
  7. }
  8. a.errorlink:visited {
  9.   color:#006600;
  10.   text-decoration: none;
  11.   font-family: monospace;
  12.   font-size: 14px;
  13.   font-variant: normal;
  14. }
  15. a.errorlink:active {
  16.   color:#00FF99;
  17.   text-decoration: none;
  18.   font-family: monospace;
  19.   font-size: 14px;
  20.   font-variant: normal;
  21. }
  22. a.errorlink:hover {
  23.   color:#000000;
  24.   text-decoration: none;
  25.   font-family: monospace;
  26.   font-size: 14px;
  27.   font-variant: normal;
  28. }
  • freakymitra
  • Newbie
  • Newbie
  • freakymitra
  • Posts: 7
  • Loc: Mumbai

Post 3+ Months Ago

Hi,

R u using internal CSS or its an External CSS file. It depends on that. You HTML CODE for CSS depends on that. This is not a correct code.

If you have external file you should use link ref in tag.
For internal the <style></style> will come.

For more refer this easy language site
http://www.w3schools.com/css/

You will definetly get a solution.

Freaky :)
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

freakymitra wrote:
R u using internal CSS or its an External CSS file. It depends on that. You HTML CODE for CSS depends on that. This is not a correct code.

No Way ... It's the same ...
  • freakymitra
  • Newbie
  • Newbie
  • freakymitra
  • Posts: 7
  • Loc: Mumbai

Post 3+ Months Ago

righteous_trespasser can you tell why did he use this tag:

<a class="errorlink" href="http://www.my-url.com">My URL</a>
  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6810
  • Loc: Martinsburg, WV

Post 3+ Months Ago

Because he is assigning a class to <a> tag. Have you never done that? What bogey did is perfectly acceptable and will validate.
  • freakymitra
  • Newbie
  • Newbie
  • freakymitra
  • Posts: 7
  • Loc: Mumbai

Post 3+ Months Ago

I use <a> tag for linking.

I tried bogey script n its working nicely.

It seems nothing is wrong here.

Thanks



freaky
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

<a> is for linking. I just put a class to that link. My stylesheet is internal and I know how to yous the <styles> tag if it is internal.

freakymitra wrote:
I tried bogey script n its working nicely.

It seems nothing is wrong here.


Are you seeing a box around the links? If so, than it isn't working.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

righteous_trespasser wrote:
try this

Code: [ Select ]
a.errorlink {
  color:#FFFF00;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:visited {
  color:#006600;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:active {
  color:#00FF99;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
a.errorlink:hover {
  color:#000000;
  text-decoration: none;
  font-family: monospace;
  font-size: 14px;
  font-variant: normal;
}
  1. a.errorlink {
  2.   color:#FFFF00;
  3.   text-decoration: none;
  4.   font-family: monospace;
  5.   font-size: 14px;
  6.   font-variant: normal;
  7. }
  8. a.errorlink:visited {
  9.   color:#006600;
  10.   text-decoration: none;
  11.   font-family: monospace;
  12.   font-size: 14px;
  13.   font-variant: normal;
  14. }
  15. a.errorlink:active {
  16.   color:#00FF99;
  17.   text-decoration: none;
  18.   font-family: monospace;
  19.   font-size: 14px;
  20.   font-variant: normal;
  21. }
  22. a.errorlink:hover {
  23.   color:#000000;
  24.   text-decoration: none;
  25.   font-family: monospace;
  26.   font-size: 14px;
  27.   font-variant: normal;
  28. }


That doesn't work. I had it working before and I can't figure out why it doesn't want to work right now.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

Here is the page http://www.centurysites.ismywebsite.com/Search.php
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

It's not that it's not working ... If I use "Web Developer" plugin and I change the text-color of "reglink" it changes ... just add this to reglink:
Code: [ Select ]
background-color: #663300;
border:0px;
  1. background-color: #663300;
  2. border:0px;


I don't know why it's inheriting the normal anchor properties, but if you add that you'll see that it does work ...
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

lol, thanks righteous_trespasser that did help. I still wonder why it inherited the tags from the regular links.
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

Yeah, that doesn't make sense to me either ... Oh well ... Just a note, everytime I struggle with something the "web developer" add-on/plugin helps me out ...
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

There's a "web developer" plug-in out? Where can I install one?
  • righteous_trespasser
  • Scuffle
  • Genius
  • User avatar
  • Posts: 6230
  • Loc: South-Africa

Post 3+ Months Ago

I'm not in front of my PC now ... Just browse through the plug-ins ... it's one of the first ones I saw in the category (I can't remember which category it was in)
  • suzie
  • Guru
  • Guru
  • User avatar
  • Posts: 1134
  • Loc: England

Post 3+ Months Ago

This maybe:

https://addons.mozilla.org/en-US/firefox/addon/60

S
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

ok. I'll find it and install it.
  • Bogey
  • Genius
  • Genius
  • Bogey
  • Posts: 8415
  • Loc: USA

Post 3+ Months Ago

I found this browsing for web developer :)

Post Information

  • Total Posts in this topic: 18 posts
  • Users browsing this forum: No registered users and 52 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.