html-font-tag mit css ersetzen!aber wie?Hilfe!!!!!!!!

[apus]

Allen einen schönen Guten Morgen!
Vielleicht erbarmt sich einer oder auch mehrere!
Ok!
Mein Problem: HTML-Font-Tag!!!
Darf nicht mehr sein,sondern CSS!
Ja gut aber wie????
Meine Seiten sind überwiegend in HTML geschrieben!
CSS soll ergänzend für die nicht mehr gültigen Attribute eingesetzt werden!
Wie gebe ich das in der Kopfdatei an und wie kann ich das unmittelbar in einen html-code einbinden.
Bitte um entschuldigung wenn ich fachlich nicht korrekt bin.
Habe selfthtml gelesen,Thema ausgedruckt!Wieder gelesen,probiert!
Irgendwie raff ich das nicht.!!!
Berührungsängste? Mir fehlt da irgendwie der Zusammenhang.
Kann sich jemand meinen quelltext anschauen und mir dann gezielt Hilfe geben.?
Aber bitte keinen Verweis auf selfthtml!
Habe meine websites durch den Validator geschickt!
Problem :<font></font>.
Hier die Details:
http://www.atelierapus.de/page24_uebersaquarell.html

--Fehler: no closing </FONT> seen for <FONT> on line 106.
--Fehler: no closing </FONT> seen for <FONT> on line 106.
--Fehler: no closing </DIV> seen for <DIV> on line 106.
--Fehler: no closing </FONT> seen for <FONT> on line 101.
--Fehler: no closing </FONT> seen for <FONT> on line 101.
--Fehler: no closing </FONT> seen for <FONT> on line 94.
--Fehler: no closing </DIV> seen for <DIV> on line 94.
--Fehler: no closing </FONT> seen for <FONT> on line 91.
--Fehler: no closing </FONT> seen for <FONT> on line 91.
--Fehler: no closing </FONT> seen for <FONT> on line 81.
--Fehler: no closing </DIV> seen for <DIV> on line 81.
--Fehler: no closing </TABLE> seen for <TABLE> on line 79.
--Fehler: no closing </FONT> seen for <FONT> on line 73.
--Fehler: no closing </DIV> seen for <DIV> on line 73.
--Fehler: no closing </TABLE> seen for <TABLE> on line 71.
--Fehler: no closing </FONT> seen for <FONT> on line 66.
--Fehler: no closing </FONT> seen for <FONT> on line 66.
--Fehler: no closing </FONT> seen for <FONT> on line 61.
--Fehler: no closing </FONT> seen for <FONT> on line 59.
--Fehler: no closing </FONT> seen for <FONT> on line 59.
--Fehler: no closing </TABLE> seen for <TABLE> on line 54.
--Fehler: no closing </FONT> seen for <FONT> on line 46.
--Fehler: no closing </TABLE> seen for <TABLE> on line 44.
--Fehler: no closing </FONT> seen for <FONT> on line 36.
--Fehler: no closing </FONT> seen for <FONT> on line 36.
--Fehler: no closing </FONT> seen for <FONT> on line 31.
--Fehler: no closing </FONT> seen for <FONT> on line 31.
--Fehler: no closing </FONT> seen for <FONT> on line 25.
--Fehler: no closing </TABLE> seen for <TABLE> on line 21.
--Fehler: no closing </UL> seen for <UL> on line 18.
--Fehler: no closing </I> seen for <I> on line 13.
--Fehler: no closing </DIV> seen for <DIV> on line 12.
143: </html>
144:
Naja und dann noch paar Warnungen!
Die ich auch nicht verstehe.
Und so ziehen sich immer wieder die gleichen fehler durch die gesamte Homepage!!
Mit konkreter Hilfe könnte ich die mindestens um60%? beseitigen.!!!!
Am Ende bin ich bemüht dem W3C irgendwie gerecht zu werden.
Das hier ist mein fast letzter Versuch!
Ich danke Euch im voraus
Apus.

[at]

Hallo.
Du machst es einem aber nicht besonders leicht, wenn sogar der angegebene Link defekt ist.
Außerdem: Wo genau liegt dein Problem? Was hast du bei der Lektüre des Kapitels über CSS nicht verstanden?
MfG, at

[apus]

Hallo at!

Du machst es einem aber nicht besonders leicht, wenn sogar der angegebene Link defekt ist.

Der Link funktioniert,habe mich nur vertippt.

Außerdem: Wo genau liegt dein Problem? Was hast du bei der Lektüre des Kapitels über CSS nicht verstanden?

Ja so rein theoretisch verstehe ich das schon!Nur der Einsatz von Css in der Praxis.
Inzwischen habe ich Hilfe bekommen ,die mich weiterbringt!
Also danke Dir.
MfG
apus

MfG, at

[Ingo]

hi,

Mein Problem: HTML-Font-Tag!!!
Darf nicht mehr sein,sondern CSS!

Warum dürfen die denn nicht mehr sein? In dem von Dir verwendeten HTML 4.01 Transitional sind sie erlaubt. Und wenn Du trotz Studium des selfhtml noch überhaupt nicht durchblickst, solltest Du sie meiner Meinung nach weiter verwenden - auch wenn es nicht mehr ganz zeitgemäß ist.

Die angeführten Fehler beziehen sich nicht auf die Verwendung der font-Tags, sondern nur darauf, daß das abschließende Tag fehlt.
Also sorge einfach nur dafür, daß nach jedem <font> bzw. <div> oder <table> ein </font>, </div>, </table> kommt. Und das natürlich an den richtigen Stellen.

Mal eine Beispielzelle aus Deinem Code:

<td><div align="center"> <a href="..."><img src="..."></a><br>
<font size="-1"><font color="#5B5E68">Text...</td><br><br>

richtig(er) wäre:

<td><div align="center"> <a href="..."><img src="..."></a><br>
<font size="-1" color="#5B5E68">Text...</font></div></td>

oder mit ein bisschen css:

<td style="text-align:center;font-size:0.8em;color:#5B5E68;">
<a href="..."><img src="..."></a><br>Text...</td>

Besser wäre natürlich, das CSS auszulagern (z.B. würde sich bei Deinen Seiten:
td {text-align:center}
im head anbieten, womit Du alle <div align="center">...</div> in den Tabellen entfernen könntest, zumal diese ebenso "missbilligt" sind wie die font-Tags. Und wenn Dir jetzt in den Sinn kommt, die Zentrierung der gesamten Seite über CSS zu realisieren, könnte Dir dies http://www.1ngo.de/web/zentrierung.html vielleicht helfen.

Gruß
Ingo

[apus]

Hallo Ingo!
Vielen Dank für Deine Hilfe!
Da komme ich erst mal weiter.
MfG
Apus

[Guillermo]

Hallo,

hier mal meine Faustregel: Jedes Element muss auch wieder schließen. Wenn Du also <font ...> benutzt, dann musst Du auch immer </font> benutzen!

Es gibt dann auch noch manche Elemente, die man nicht schließen kann, weil man damit zum Beispiel keinen Text formatieren kann. Wenn Du mit <img ...> zum Beispiel ein Bild einfügst, dann  wäre es merkwürdig "irgendwo" noch </img> hinzuschreiben. Also setzt man bereits im Element am Ende einen Schrägstrich: <img ... />. Das ist also nur konsequent.

Der Validator wird dabei zwar nicht meckern, weil in der von Dir benutzten html-Version das noch nicht vorgeschrieben ist, Du solltest Dir aber überlegen, ob Du nicht gleich auf xhtml umsteigst, wenn Du die font-Element verbannt hast und eh mit dem Validator prüfst. Ich empfehle xhtml1.0 (1.1 ist schon zu pingelig).

Bei xhtml musst Du ein paar Feinheiten beachten:
-Alle Elemente schließen, s. o.
-Alle Attribute komplett klein schreiben, also nicht Src="...", sondern src="..."
-Bei allen Attributen Anführungszeichen setzen, also nicht name=Text, sondern name="Text"
-immer einen head-Bereich und einen body-Bereich, immer einen title im head-Bereich.

Es gibt noch weitere Besonderheiten, aber die gröbsten Mängel bekommst Du mit diesen Hinweisen weg.

Grüße
Guillermo

[apus]

hallo Guillermo!

Danke für Deine Nachricht.
Bin soweit ersteinmal weiter gekommen.
Habe mir eh inzwischen angewöhnt alles klein zu schreiben.
Auch im Übrigen Danke.
Apus!