M. Misch: StyleSheet-Angaben in Tags

Ich hab von nem Freund Dateien zur verfügung gestellt bekommen,
die noch mit <FONT>-Tags formatiert wurden.
Diese wollte ich jetzt umformatieren, habe aber Schwierigkeiten damit,
dass die global definierte Textfarbe nicht genommen wird.
Bei den von mir selbst erstellten Seiten klappt das.
Woran kann das liegen?
Bin für jeden echten Tipp dankbar.

Hier Auszüge aus den Dateien:

Auszug aus der Originaldatei:

<HTML>  <HEAD>  </HEAD>
<BODY>
<TABLE>  <TR>  <TD COLSPAN=2>
 <IMG SRC="Nix.gif" HEIGHT="5" WIDTH="1" BORDER=0>
</TD>  </TR>
<TR>  <TD COLSPAN=2 ALIGN=center>
 <FONT COLOR="#990066" SIZE="+2"><B>Überschrift</B></FONT>
</TD>  </TR>
<TR>  <TD VALIGN=top>
 <IMG SRC="Pkt-Bl.gif" WIDTH="12" HEIGHT="15" BORDER=0>
</TD>
<TD>Hier steht der Text so wie im Original in der global definierten Farbe,
 <FONT COLOR="#DC143D">und dieser hier erscheint ebenfalls farblich korrekt.</FONT>
</TD>  </TR>
<TR>  <TD>Und dieser hier hat dann wieder die global definierte Farbe
</TD>  </TR>  </TABLE>
</BODY>  </HTML>

Auszug aus der von mir umformatierten Datei:

<HTML>   <HEAD>
...
<LINK REL="stylesheet" TYPE="text/css" HREF="Format.CSS">
</HEAD>
<BODY>
<TABLE>  <TR>  <TD COLSPAN=2>
 <IMG SRC="Nix.gif" HEIGHT="5" WIDTH="1" BORDER=0>
</TD>  </TR>
<TR>  <TD COLSPAN=2 ALIGN=center>
 <H2 style="color:#990066">Überschrift</H2>
</TD>  </TR>
<TR>  <TD VALIGN=top>
 <IMG SRC="Pkt-Bl.gif" WIDTH="12" HEIGHT="15" BORDER=0>
</TD>
<TD>Hier kommt dann der Text, der eigentlich die global definierte Farbe haben sollte,
 <span style="color:#DC143D">bis auf diesen hier.</span>
</TD>  </TR>
<TR>  <TD>Tatsächlich hat er aber die gleiche Farbe wie die Überschrift,
 <span style="color:#DC143D">auch der, der hier zwischen den <span>-Tags steht.</span>
</TD>  </TR>  </TABLE>
</BODY>  </HTML>

Auszug aus der globalen Definitionsdatei Format.CSS:

/* DATEI: Format.CSS */

/* Zentrale Style-Sheet-Angaben (CSS) */
/* für die private Homepage von M. Misch */

body { margin-left:40px }  <--  Das hier funktioniert leider auch nicht
    mit jeder Seite, obwohl die neu erstellt
    wurden. Der Text beginnt trotzdem direkt
    an linken Rand.
    Weiß zufällig jemand warum?

p,ul,ol,li,div,tr,td,th,address,blockquote,br,nobr,b,i { font:10pt/12pt }

div,center { color:#000033; font-weight:bold }   <--   Hier die Formatierung,
       die die projektweit
       gültige Farbe definieren
       soll - was auch meist
       funktioniert, nur bei den
       "umformatierten" Seiten
       nicht.

  1. hallo,

    Hier Auszüge aus den Dateien:
    Auszug aus der Originaldatei:

    <TD>Hier steht der Text so wie im Original in der global definierten Farbe,
    <FONT COLOR="#DC143D">und dieser hier erscheint ebenfalls farblich korrekt.</FONT>
    </TD>

    Auszug aus der von mir umformatierten Datei:
    <TD>Hier kommt dann der Text, der eigentlich die global definierte Farbe haben sollte,
    <span style="color:#DC143D">bis auf diesen hier.</span>
    </TD>  </TR>
    Auszug aus der globalen Definitionsdatei Format.CSS:
    body { margin-left:40px }  <--  Das hier funktioniert leider auch nicht

    left-margin:40px   ???

    div,center { color:#000033; font-weight:bold }   <--   Hier die Formatierung,

    eher so
    <td class="normtext">hier mein bunter text</td>

    css:
    .normtext  { color:red;font-family:12px  }

    besser ist es IMHO mit classen zu arbeiten und diese dann den tag zuzuordnen. Global einem tag etwas zuzuweisen finde ich (ausser eventl. die Schrift-family) nicht so geschickt.

    tschau
    scibb

  2. Hallo M.,

    könnte es was damit zu tun haben, daß Du die style-Angaben nicht mit Semikolon abgeschlossen hast? Nur so eine Vermutung...

    Herzliche Grüße,
    Meg

    P.S. Anrede am Anfang und Gruß am Schluß eines Postings finde ich schön... ;o)

  3. Hallo,

    kann man das ganze online sehen?

    grüße
    thomas