Probleme bei der Textformatierung mit CSS

[stephan-nrw]

Hallo zusammen,

ich habe mich frisch an CSS ran gewagt, verzweifel jetzt daran, dass der Browser die Formatierung aus der CSS Datei nicht interpretiert.

In der CSS Datei sind ausschließlich Textformatierungen hinterlegt, hier der Code der CSS Datei:

Code: Alles auswählen

.08_black
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #000000;
}

.08_blau
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #0C21A0;
   font-weight: bold;
}

.08_rot
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #BE0D0D;
   font-weight: bold;
}

.08_gelb
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   color: #F7E847;
   font-weight: bold;
}

.10_black
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #000000;
}

.10_blau
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #0C21A0;
   font-weight: bold;
}

.10_rot
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #BE0D0D;
   font-weight: bold;
}

.10_gelb
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10pt;
   color: #F7E847;
   font-weight: bold;
}

.12_black
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #000000;
}

.12_blau
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #0C21A0;
   font-weight: bold;
}

.12_rot
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #BE0D0D;
   font-weight: bold;
}

.12_gelb
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12pt;
   color: #F7E847;
   font-weight: bold;
}

.14_black
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #000000;
}

.14_blau
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #0C21A0;
   font-weight: bold;
}

.14_rot
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #BE0D0D;
   font-weight: bold;
}

.14_gelb
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 14pt;
   color: #F7E847;
   font-weight: bold;
}

Die Datei heißt format.css und liegt im selben Ordner wie die php-Dateien und wird mit dieser Befehlszeile eingebunden, in der Theorie zumindest

Code: Alles auswählen

<link href="format.css" rel="stylesheet" type="text/css" />

Die Textformatierung wird in der php mit diesem Code aufgerufen:

Code: Alles auswählen

<p class="10_black">Schwarz - 8 Punkt - Verdana - nicht fett</p>

<p class="10_blau">Blau - 8 Punkt - Verdana - fett</p>

<p class="10_gelb">Gelb • 8 Punkt • Verdana • fett</p>

<p class="10_rot">Rot • 8 Punkt • Verdana • fett</p>

Ich hatte es auch mit <div class="10_black"> und <span class="10_black"> versucht, leider ohne Erfolg

In Dreamweaver sieht das alles ganz toll aus, so wie es auch sein soll:

dreamweaver.png (24.41 KiB) 285-mal betrachtet

Und hier das Ergebnis im FF:

firefox.png (18.59 KiB) 288-mal betrachtet

Ich würde mich freuen, wenn sich jemand "erbarmt" und mir weiterhilft da ich im Web nicht wirklich fündig geworden bin.

Vielen Dank vorab,

Stephan

[BertaBiene]

Guten Morgen stephan-nrw ,

das problem hatte ich früher auch mal.
Ich kann Dir leider nicht sagen warum, aber nehm mal

.black_08

wenn Zalhlen am Anfang stehen können die nicht gelesen werden.

Gruß
Thomas

[sejuma]

So isses, siehe hier Ziffer 10: http://www.ohne-css.gehts-gar.net/0061.php
Zur Sicherheit möglichst auch noch auf den Unterstrich verzichten.

[stephan-nrw]

Hallo zusammen und vielen Dank für die schnelle Antwort!

Das erste, was mir dazu eingefallen ist "Ne, oder? Das ist doch billig!"

Und so war es auch, hat sofort geklappt, aber erstmal gewusst wie

Vielen lieben Dank und ein schönes Wochenende!!!

Stephan