a.hover für einzelne class

[Mase]

Hallo,
ich habe zentrale link-definitionen definiert:

a:link   {  font-weight:bold;
                    color:#C1CAD9;
             text-decoration:none; font-family:'Courier new',Times,serif;
      font-style:normal;
      font-size:12pt;
     }
  a:visited { font-weight:bold;
              color:#C1CAD9;
       text-decoration:none;
       font-family:'Courier new',Times,serif;
       font-style:normal;
              font-size:12pt;
      }
  a:hover   { font-weight:bold;
     color:#203B68;
     text-decoration:none;
     font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:12pt;
     background-color:#C1CAD9;
            }
  a:active  { font-weight:bold;
     color:#203B68;
     text-decoration:underline;
     font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:12pt;
     }

Aber jetzt habe ich in für eine einzelne class auch welche definiert:

a.leiste:link   {   color:FFFFFF;
        text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;
}

a.leiste:hover  { color:FFFFFF;
        text-decoration:underline; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;
     }

a.leiste:visited  { color:FFFFFF;
        text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;}

a.leiste:active  { color:FFFFFF;
        text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;}

das klappt aber nicht. Alle Browser machen weiter den Hintergrundwechsel und die Farbeinstellungen von der zentralen definition.

hilfe ?!

mfg

Mase

[Thomas J.S.]

Hallo,

das klappt aber nicht. Alle Browser machen weiter den Hintergrundwechsel und die Farbeinstellungen von der zentralen definition.

hilfe ?!

Hast du das <a class="leiste"> nicht vergessen?

Sonst bitte Link zur Seite.

Grüße
Thomas

[Uschi Renziehausen]

Küsschen links, Küsschen rechts,

ich freu mich, dich wenigstens mal wieder zu lesen und bedaure dich abgrundtief, weils in Österreich ja diesmal kein langes Wochenende gibt. Hoffentlich kreuzen sich unsere Wege mal wieder.

gruß Uschi

[Thomas J.S.]

Halo Uschi,

Küsschen links, Küsschen rechts,

*erwieder* :-) (wird ab hier dann zinsiert? *ggg*)

ich freu mich, dich wenigstens mal wieder zu lesen und bedaure dich abgrundtief, weils in Österreich ja diesmal kein langes Wochenende gibt. Hoffentlich kreuzen sich unsere Wege mal wieder.

Macht ja nichts (das mit dem langen Wo.End), ich habe eh eine 4-Tage-Woche ;-) und der Rest gibt sich mal wieder ;-)

Lg
Thomas

[Uschi Renziehausen]

Glückwunsch !!!

Macht ja nichts (das mit dem langen Wo.End), ich habe eh eine 4-Tage-Woche ;-) und der Rest gibt sich mal wieder ;-)

sag mal tom, gibts da, wo du arbeitest, noch einen job? ich will auch eine 4-tage-woche *gieriggrins*.

uschi

[Thomas J.S.]

Hallo Uschi,

sag mal tom, gibts da, wo du arbeitest, noch einen job? ich will auch eine 4-tage-woche *gieriggrins*.

*ggg* Zieht es dich nach Wien? ;-) Gaudeam igitur! ;-)

Grüße
Thomas

[Uschi Renziehausen]

Na Tom, zumindest mal besuchsweise, vielleicht???? :-))

[Tobias]

hi

a.leiste:link   {   color:FFFFFF;
        text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;
}

versuch mal .leiste und :link umzudrehen also so:
a:link.leiste

das klappt aber nicht. Alle Browser machen weiter den Hintergrundwechsel und die Farbeinstellungen von der zentralen definition.

Ich gehe davon aus, dass du die Links die anders aussehen sollen etwa so aussehen: <a class="leiste" href="...">...</a> :)

gruß
Tobias

[Uschi Renziehausen]

Moin,

der Punkt ist das sich die background-color von den einfachen zu den speziellen links weiter vererbt.
Bau in die speziellen ein background-color:transparent ein, dann sollte es funktionieren.

liebe grüße, uschi

[Thomas J.S.]

Moin Uschi,

liebe grüße, uschi

Schön dich zu lesen ;-)

Lg
Thomas

[Uschi Renziehausen]

Hihi, zwei leute, ein gedanke :-))

Moin Uschi,

liebe grüße, uschi

Schön dich zu lesen ;-)

Lg
Thomas

[Mase]

Moin Uschi,

nö,

dein bleibt aber immer noch die Farbe der zentralen links.

mfg

Mase

[Uschi Renziehausen]

nö,

DOOOCH,

jedenfalls funzt das in meiner beispieldatei mit hübsch-häßlichen farben *gg*.

<html>
<head>
<title></title>
<style type="text/css">
body {background-color:#ffff00}
a:link   {
 font-weight:bold;
 color:#C1CAD9;
 text-decoration:none; font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:12pt;
}
a:visited {
 font-weight:bold;
 color:#C1CAD9;
 text-decoration:none;
 font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:12pt;
}

a:hover   {
 font-weight:bold;
 color:#203B68;
 text-decoration:none;
 font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:12pt;
 background-color:#ff0000;
}
a:active  {
 font-weight:bold;
 color:#203B68;
 text-decoration:underline;
 font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:12pt;
}

a.leiste:link
{
 color:FFFFFF;
    text-decoration:none; font-family:'Courier new',Times,serif;
    font-style:normal;
       font-size:9pt;
}

a.leiste:hover  {
 color:FFFFFF;
 text-decoration:underline; font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:9pt;
 background-color:transparent;
}

a.leiste:visited  {
 color:FFFFFF;
 text-decoration:none; font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:9pt;
}

a.leiste:active  {
 color:FFFFFF;
 text-decoration:none;
 font-family:'Courier new',Times,serif;
 font-style:normal;
 font-size:9pt;
}

</style>
</head>
<body>
<p><a href="#">test normal</a></p>
<p><a href="#" class="leiste">test mit leiste</a></p>
</body>
</html>
gruß, uschi

[MudGuard]

Hi,

ich habe zentrale link-definitionen definiert:

a:link   {  font-weight:bold;
                    color:#C1CAD9;
             text-decoration:none; font-family:'Courier new',Times,serif;
      font-style:normal;
      font-size:12pt;
     }
  a:visited { font-weight:bold;
              color:#C1CAD9;
       text-decoration:none;
       font-family:'Courier new',Times,serif;
       font-style:normal;
              font-size:12pt;
      }
  a:hover   { font-weight:bold;
     color:#203B68;
     text-decoration:none;
     font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:12pt;
     background-color:#C1CAD9;
            }
  a:active  { font-weight:bold;
     color:#203B68;
     text-decoration:underline;
     font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:12pt;
     }

Aber jetzt habe ich in für eine einzelne class auch welche definiert:

a.leiste:link   {   color:FFFFFF;

Kein gültiger Farbwert. Meinst DU #FFFFFF oder #FFF ?

text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;
}

a.leiste:hover  { color:FFFFFF;

Kein gültiger Farbwert. S.o.

text-decoration:underline; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;
     }

a.leiste:visited  { color:FFFFFF;

Farbwert s.o.

Außerdem: Falsche Reihenfolge!

:link, :visited, :focus, :hover, :active ist die richtige Reihenfolge.

text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;}

a.leiste:active  { color:FFFFFF;

S.o.

text-decoration:none; font-family:'Courier new',Times,serif;
        font-style:normal;
              font-size:9pt;}

Hintergrundfarbe: es gilt die allgemeine Einstellung, wenn sie nicht überschrieben wird.

das klappt aber nicht. Alle Browser machen weiter den Hintergrundwechsel und die Farbeinstellungen von der zentralen definition.

Inkorrekte Regeln müssen ignoriert werden. Also wird color:FFFFFF; ignoriert und stattdessen die allgemeine Farbdefinition genommen...

Andreas