Mario: Schriftart in separater CSS global formatieren

Beitrag lesen

SELF-Forum

Schriftart in separater CSS global formatieren

Mario
– Informationen zu den Bewertungsregeln

Hallo,

ich habe folgendes Problem:

Ich würde gerne über eine separate CSS-Datei dem Browser sagen, dass jeglicher Text in Verdana (falls vorhanden) angezeigt werden soll, da ich ein Problem mit einer Überschrift habe auf die ich aber später noch zu sprechen komme.

Ich arbeite mit dem "Layout7", das man sich hier bei selfhtml herunterladen kann und meine CSS sieht momentan folgendermaßen aus:

  
a:link { text-decoration: underline; color: #666666; }  
a:visited { text-decoration: none; color: #FF9933; }  
a:hover { text-decoration: underline; color: #92AEFD; }  
a:active { text-decoration: underline; color: #FF9933; }  
  
.text  
{  
font-size: 12px;  
color: #999999;  
line-height: 21px;  
font-family: Verdana,Arial,Helvetica;  
}  
  
.lesen  
{  
font-size: 14px;  
color: #666666;  
line-height: 18px;  
font-family: Verdana,Arial,Helvetica;  
}  
  
.head  
{  
font-size: 14px;  
color: #666666;  
line-height: 21px;  
font-family: Verdana,Arial,Helvetica;  
}  
  
  
.sb {scrollbar-3dlight-color:#666666;  
           scrollbar-arrow-color:#cc3300;  
           scrollbar-base-color:#ffffff;  
           scrollbar-darkshadow-color:#6666666;  
           scrollbar-face-color:#ffffff;  
           scrollbar-highlight-color:#ffffff;  
           scrollbar-shadow-color:}

Mein Problem besteht nun darin, die mitgelieferten Seiten HTML4.01 valide zu bekommen. Das funktioniert allerdings momentan nicht, weil ich (um eine Überschrift zu generieren) innerhalb eines Block-Level Elements ( in meinem Fall <span class="lesen">) ein inline Element (in meinem Fall <h3>) platziert habe.
Im Ganzen sieht das dann folgendermaßen aus:

<!--||| Anfang  Textspalte |||-->  
<td valign="top" width="800">  
<br>  
  
  
<p align="justify">  
<!--||| Hier Überschrift und gewünschten Text einfügen. |||-->  
<span class="lesen">  
<center>  
<a href="../index.htm">home</a> &middot; Kontakt    <br><br>  
</center>  
<h3>Für eine unkomplizierte Kontaktaufnahme</h3>  
<!--||| Ende Text |||--></span>

Mit diesem Code bekomme ich dann allerdings von W3.org gesagt, dass mein Code eben nicht valide ist...

"~~~html Line 59, Column 3: document type does not allow element "H3" here; missing one of "APPLET", "OBJECT", "MAP", "IFRAME", "BUTTON" start-tag.

<h3>Für eine unkomplizierte Kontaktaufnahme</h3><br><br>

✉

The mentioned element is not allowed to appear in the context in which you've placed it; the other mentioned elements are the only ones that are both allowed there and can contain the element mentioned. This might mean that you need a containing element, or possibly that you've forgotten to close a previous element.

One possible cause for this message is that you have attempted to put a block-level element (such as "<p>" or "<table>") inside an inline element (such as "<a>", "<span>", or "<font>")."

Wie kann ich das ändern?  
Ich hoffe, ich habe mich halbwegs verständlich ausdrücken können... ;)  
Falls nicht, bitte einfach fragen!  
  
Danke schonmal  
  
Mario
Beitrag melden
–
Informationen zu den Bewertungsregeln