merlina: Interpretationsproblem bei Linkfarben

Hallo zusammen,
ich habe ein kleines Problem, die standard Links sollen, wie unten definiert, schwarz dagestellt werden. Die Angaben werden aber nicht umgesetzt.
Die css-classe a.static wird problemlos interpretiert.

body
{
  margin:0px 10px;
  background-color:#FFFFFF;
}

p
{
  font-family:Arial,Verdana,sans-serif;
  font-color:#333333; font-size:9pt;
  margin-bottom:3pt; margin-top:3pt;
}

td,div,span
{
  font-family:Arial,Verdana,sans-serif;
  font-color:#333333; font-size:9pt;
}

b {color:#666666;}

#kgllgr
{
  position:absolute; top:0px; left:8%;
  width:225px; height:100px;
}

#logo
{
 position:absolute; top:100px; left:8%;
 width:210px;
}

#pics
{
 position:absolute; top:32px; left:64%;
 width:270px;
}

#menu
{
 position:absolute; top:125px; left:40%;
 width:455px; margin:0px;
}

#topmenu
{
 position:absolute; top:50px; left:41%;
 width:300px; margin:0px;
}

#submenu
{
 position:absolute; top:150px; left:8%;
 width:250px; margin:0px;
}

#header
{
 position:absolute; top:175px; left:40%;
 width:426px; height:50px;
}

#content
{
 position:absolute; top:215px; left:40%;
 width:431px;
}

#bgcontent
{
 position:absolute; top:175px;
 left:40%; width:451px;
}

.whitebold     {color:#FFFFFF; font-weight:bold;}
.redbold       {color:#990000; font-weight:bold;}
.light         {color:#CCCCCC; font-size:8pt;}
.middottop     {color:#CC6666; font-size:8pt; font-weight:bold;}
.uppercase     {text-transform:uppercase; font-style:normal;}

.text
{
 font-family:Arial,Verdana,sans-serif;
 font-color:#333333; font-size:100%;
 line-height:140%; text-align:justify;
}

a:link      {color:#OOOOOO; text-decoration:none;}
a:hover     {color:#66OOOO; text-decoration:none;}
a:active    {color:#OOOOOO; text-decoration:none;}
a:hover     {color:#66OOOO; text-decoration:none;}
a:visited   {color:#OOOOOO; text-decoration:none;}
a:hover     {color:#66OOOO; text-decoration:none;}

a.static:link     {color:#CC6666; text-decoration:none;}
a.static:hover    {color:#CC6666; text-decoration:none;}
a.static:active   {color:#CC6666; text-decoration:none;}
a.static:hover    {color:#CC6666; text-decoration:none;}
a.static:visited  {color:#CC6666; text-decoration:none;}
a.static:hover    {color:#CC6666; text-decoration:none;}

Unter der URL findet Ihr die Seite die Probleme verursacht.

  1. hi

    [SNIPP]

    a:link      {color:#OOOOOO; text-decoration:none;}
    a:hover     {color:#66OOOO; text-decoration:none;}
    a:active    {color:#OOOOOO; text-decoration:none;}
    a:hover     {color:#66OOOO; text-decoration:none;}
    a:visited   {color:#OOOOOO; text-decoration:none;}
    a:hover     {color:#66OOOO; text-decoration:none;}

    a.static:link     {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}
    a.static:active   {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}
    a.static:visited  {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}

    der teil hätte erstmal gereicht.
    schau dir nochmal http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus an und korrigiere deine angegaben soweit notwendig.

    so long
    ole
    (8-)>

  2. abend,

    a.static:link     {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}
    a.static:active   {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}

    ------------^ warum nochmal ?

    a.static:visited  {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}

    ------------^ warum nochmal ?

    zudem musst du folgende reihenfolge einhalten:
    a:link
    a:visited
    a:hover
    a:active
    a:focus
    damit auch alles richtig funktioniert...

    mfg,
    (tanz das)
    Z.N.S.

    --
    <img src="http://www.dmp-web.de/comunicout/neubauten.gif" border="0" alt="">
  3. Hi,

    Hallo zusammen,
    ich habe ein kleines Problem, die standard Links sollen, wie unten definiert, schwarz dagestellt werden. Die Angaben werden aber nicht umgesetzt.
    Die css-classe a.static wird problemlos interpretiert.

    font-family:Arial,Verdana,sans-serif;
      font-color:#333333; font-size:9pt;

    font-color ist keine CSS-Eigenschaft. Meinst Du color?

    margin-bottom:3pt; margin-top:3pt;
    }

    td,div,span
    {
      font-family:Arial,Verdana,sans-serif;
      font-color:#333333; font-size:9pt;

    font-color ist keine CSS-Eigenschaft. Meinst Du color?

    }

    .text
    {
    font-family:Arial,Verdana,sans-serif;
    font-color:#333333; font-size:100%;

    s.o.

    line-height:140%; text-align:justify;
    }

    a:link      {color:#OOOOOO; text-decoration:none;}

    a:hover     {color:#66OOOO; text-decoration:none;}
    a:active    {color:#OOOOOO; text-decoration:none;}
    a:hover     {color:#66OOOO; text-decoration:none;}
    a:visited   {color:#OOOOOO; text-decoration:none;}
    a:hover     {color:#66OOOO; text-decoration:none;}

    Warum gibst Du das alles so oft an?
    Einmal in der richtigen Reihenfolge (:link, :visited, :focus, :hover, :active) ist vollkommen ausreichend.

    #OOOOOO, #66OOOO sind keine gültigen Farbwerte, denn der Buchstabe O ist keine gültige Hexadekadische Ziffer.

    a.static:link     {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}
    a.static:active   {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}
    a.static:visited  {color:#CC6666; text-decoration:none;}
    a.static:hover    {color:#CC6666; text-decoration:none;}

    auch hier reicht es, die Angaben in der richtigen Reihenfolge EINMAL zu machen.

    cu,
    Andreas

    --
    Der Optimist: Das Glas  ist halbvoll.  - Der Pessimist: Das Glas ist halbleer. - Der Ingenieur: Das Glas ist doppelt so groß wie nötig.
    http://mud-guard.de/? http://www.andreas-waechter.de/ http://www.helpers.de/