[css] links in ie en opera anders dan firefox

[Verwijderd]

Hoi,

De kleur van de links in opera en ie zijn #ff6600 (oranje) alleen in firefox gebeurd er niks en blijven ze blauw. Ik gebruik de volgende css-code:

Cascading Stylesheet:

.td_content
{
   font-family: Verdana;
   font-size: 11px;
   color: #000000;
   padding-left: 15;
   vertical-align: top;
   {}

   a:link {text-decoration: none; color: #ff6600;}
   a:visited {text-decoration: none; color: #ff6600;}
   a:hover {text-decoration: underline; color: #ff6600;}
   a:active {text-decoration: underline; color: #ff6600;}

  }

en de volgende code doet het ook niet (zelfde princiepe):

Cascading Stylesheet:

.navigator
{
   background-color: #ffffff;
   text-align: center;
   font-family: Verdana;
   font-size: 11px;
   text-decoration: none;
   border: 2px solid #ff6600;
   {}
   a {color: black; }
   a:link {text-decoration: none;}
   a:link:hover {text-decoration: none; font-weight: bold}
   a:visited {text-decoration: none;}
   a:visited:hover {text-decoration: none; font-weight: bold}
}

Ik heb al gezocht, maar hij zou zo moeten werken eigenlijk

[Skaah]

Ik ken deze syntax niet. Weet je zeker dat de {} er in het midden tussen hoort en dat je die nesting zo wilt? Je moet trouwens altijd afsluiten met een ;, ook bij het laaste statement.

[crisp]

doe gewoon zo, de states werken ook gewoon overervend:

Cascading Stylesheet:

a {
  color: #f60;
  text-decoration: none;
}
a:active, a:hover {
  text-decoration: underline;
}

[Verwijderd]

Cascading Stylesheet:

.td_content
{
   font-family: Verdana;
   font-size: 11px;
   color: #000000;
   padding-left: 15;
   vertical-align: top;
   {};

   a:link {text-decoration: none; color: #ff6600;};
   a:visited {text-decoration: none; color: #ff6600;};
   a:hover {text-decoration: underline; color: #ff6600;};
   a:active {text-decoration: underline; color: #ff6600;};

  }

Zo doet ie het in opera ook niet, en zonder de eerste regel {}, dan pakt ie de eerste regel met a:link niet en de rest wel. Is er een andere sintax om dit te doen?

En met

Cascading Stylesheet:

a { 
  color: #ff6600; 
  text-decoration: none; 
} 
a:active, a:hover { 
  text-decoration: underline; 
}

Gebeurd er hetzelfde Opera wel, firefox niet

[ Voor 30% gewijzigd door Verwijderd op 22-03-2005 20:32 ]

[Geert.H]

dit moet gewoon werken

Cascading Stylesheet:

.td_content
{  
   font-family: Verdana;
   font-size: 11px;
   color: #000000;
   padding-left: 15;
   vertical-align: top;
   }

a:link {
  text-decoration:none; 
   color: #ff6600;
}
a:visited {
   text-decoration: none; 
   color: #ff6600;
}
a:hover {
   text-decoration: underline; 
   color: #ff6600;
}
a:active {
   text-decoration:underline; 
   color: #ff6600;
}

zow, is dat ook lekker voor je uitgekauwd, hoef je zelf weer niets te doen
btw, de manier van crisp is wat netter

hmm, als de manier van crisp niet werkt, dan ligt het misschien aan de rest van de code. Post die eens

[ Voor 10% gewijzigd door Geert.H op 22-03-2005 20:35 ]

[Verwijderd]

Hij werkt, het zat hem dus in de {}, wat dus alleen } moest zijn. Het bovenste blok moet dus eerst afgesloten worden, en daarna kan het blok van de links komen. In ieder geval heel erg bedankt.

[ Voor 122% gewijzigd door Verwijderd op 22-03-2005 20:42 ]

[Maasluip]

Kleine tip: gebruik een CSS Validator om je stylesheets te controleren.

Die {}; wordt er feilloos uitgehaald als zijnde fout.

[ Voor 19% gewijzigd door Maasluip op 23-03-2005 08:49 ]

[Blaise]

Je moet trouwens altijd afsluiten met een ;, ook bij het laaste statement

Heb je misschien een link waar ik kan checken of dat echt zo is?

De CSS validator van W3C klaagt daar namelijk nooit over, en het lijkt me duidelijk dat als je een selector afsluit met een semicolon, het duidelijk is dat die statement ook is afgesloten.

[BtM909]

Blaise schreef op woensdag 23 maart 2005 @ 13:41:
[...]
Heb je misschien een link waar ik kan checken of dat echt zo is?

De CSS validator van W3C klaagt daar namelijk nooit over, en het lijkt me duidelijk dat als je een selector afsluit met een semicolon, het duidelijk is dat die statement ook is afgesloten.

Is ook niet zo

[Verwijderd]

Euh mensen. ';' scheidt verschillende declaraties. Het beëindigt ze niet. Dus 'html{background:lime}' is zo valid CSS als het maar kan. En 'html{background:lime;color:black}' ook.