CSS in Style='...' umbauen

[Martin Krams]

Hallo,

ich habe folgendes css:

A.link_bold_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

A.link_bold_white:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

Dieses möchte ich gerne in einem Link einbauen, der so ausschaut:

<a href='datei.html' style='..'>Text</a>

Wie muss mein CSS gemacht werden, damit dies in das Style eingesetzt werden kann.

Martin

[Marc Reichelt]

Hi!

Hallo,

ich habe folgendes css:

A.link_bold_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

A.link_bold_white:hover {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
}

Dieses möchte ich gerne in einem Link einbauen, der so ausschaut:

<a href='datei.html' style='..'>Text</a>

Wie muss mein CSS gemacht werden, damit dies in das Style eingesetzt werden kann.

Martin

Ich würde zuallererst mal das "A" in der CSS-Datei klein schreiben, denn viele Browser unterscheiden da...
Und dann würde ich mit Klassen arbeiten, also z.B. class="namederklasse"
und die Klasse selbst dann in der CSS-Datei definieren:
.namederklasse{
 /* ... */
}

Das hover an sich bekommst du nämlich AFAIK nicht in das Style-Attribut...

cu

Marc Reichelt || http://www.marcreichelt.de/

[glowhead]

Hi,
ich denke das du per # Zeichen vor deinen css Angaben und mittels id-Benennung in den Links klarkommen solltest!
also zb.:

#A.link_bold_white {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #ffffff;
  text-decoration: none;
  font-weight: bold;
}

<a href='datei.html' id='A.link_bold_white'>Text</a>

Gruß Glowhead

[Sven Rautenberg]

Moin!

ich denke das du per # Zeichen vor deinen css Angaben und mittels id-Benennung in den Links klarkommen solltest!

Nein.

Der Punkt ist ultimativ das Kennzeichen für "Klassenname", die Raute steht für "ID". Die Kombination deiner Änderung bedeutet also 'Das Element mit der ID "A" und der Klasse "link_bold_white"'.

Genauso wie "a.link_bold_white" bedeutet 'Das Element A mit der Klasse "link_bold_white"'.

Zusatzfalle: Unterstriche in Klassennamen sind ungünstig. Sie waren ursprünglich nicht erlaubt - das setzen einige Browser auch so um. Erst nachträglich kam eine relativ unauffällige Änderung dieses Verbots. Man fährt besser, wenn man sie vermeidet.

- Sven Rautenberg

[MudGuard]

Hi,

Zusatzfalle: Unterstriche in Klassennamen sind ungünstig. Sie waren ursprünglich nicht erlaubt - das setzen einige Browser auch so um. Erst nachträglich kam eine relativ unauffällige Änderung dieses Verbots. Man fährt besser, wenn man sie vermeidet.

Gut, daß ich Dein Posting gelesen habe, bevor ich den Nachtrag zu meinem geschrieben habe ...

cu,
Andreas

[Konrad L. M. Rudolph]

Moin,

Dieses möchte ich gerne in einem Link einbauen, der so ausschaut:

<a href='datei.html' style='..'>Text</a>

Was Du suchst, ist nicht "style" sondern "class". Das HT-Markup muss so lauten:

<a href='datei.html' class='link_bold'>Text</a>

lg, Konrad -

[MudGuard]

Hi,

A.link_bold_white {
}
A.link_bold_white:hover {
}

Dieses möchte ich gerne in einem Link einbauen, der so ausschaut:
<a href='datei.html' style='..'>Text</a>

Warum? Ist doch viel schöner, wenn die CSS-Informationen alle an einer Stelle stehen, läßt sich doch viel leichter ändern.

Abgesehen davon, styles für Pseudoklassen können erst laut CSS 3 in das style-Attribut gesetzt werden. Aber das versteht soweit ich weiß noch kein Browser.

cu,
Andreas