Rayzn: CSS-Bilderrahmenproblem

Hey,
wir haben in der Schule letztens mit Html angefangen und ich erstell grad eine Seite und hätte um einem Bild gerne einen Rahmen.
Ich bin per Google auf CSS gekommen und hab meine Datei angepasst ,nur ändert sich leider nichts an dem Bild.
Ich hab wahrscheinlich irgendeinen Fehler gemacht und würde euch bitten ,mir zu sagen ,was ich falsch gemacht hab.
Für erfahrene Nutzer von Html-dateien ist der Fehler ,vielleicht sehr offentsichtlich, aber ich hab ja schon gesagt ,dass ich letztens erst mit HTML angefangen hab und von CSS eigentlich noch gar nichts weiß.

Die Bilder sind ja leider lokal gespeichert und werden nicht angezeigt.

  
  
	<title> Freizeitaktivitäten </title>  
  
<head>  
  
<style type="text/css">  
  
 img.rahmen {  
    padding: 0;  
    border-top: 18px solid #777777;  
    border-right: 18px solid #999999;  
    border-bottom: 18px solid #bbbbbb;  
    border-left: 18px solid #dddddd  
  }  
  
</style>  
<a name="top">  
  
	<center> <font color=blue face="Comic Sans MS"> <h1>  Willkommen auf unserer Website </center> </font> </h1>  
  
	<center> <h3>  <font color=red face="Verdana">Diese Website beschäftigt sich mit den Freizeitbeschäftigungen von Jugendlichen </center> </font> </h3>  
	  
</head>  
  
  
  
<body  background="background 1.jpg" vlink=green>  
  
  
  
<table border="5" summary="Test"  
  
<tr>  
  	<td colspan="1" align="center"> <b> <a href="Seite 2.html">Seite 2 </a> </b> </td>  
</tr>  
  
	<td colspan="1" align="center"> <b> <a href="Seite 3.html">Seite 3 </a> </b> </td>  
  
</table>  
  
  
<font color=blue face="Arial Black"> <center>Testtestesttesttesttesttesttest  </center>  
  
  
<br>	<br>  
  
  
<center>  <img class"rahmen" src="Grafik 1.gif"  class="bord" alt="" />  </center>  
  
<font color= blue> <center>  
<p>  
<ul>			  
  
	<li> Test  
	<li> Test  
	<li> Test  
  
</ul>  
<ol>  
  
	<li>Test</li>  
	<li>Test</li>  
	<li>Test</li>  
  
</ol> </center> <br> <br> <br>  
  
<marquee> <font color=white> Diese Seite wurde erstellt von . </marquee> <br> <br>  
  
<div align="right"> <a href="#top"> nach oben </a> </div> </font>  
  
</body>  
  

Es tut mir Leid ,wenn ich den Html-Code irgendwie falsch eigefügt hab.
Trotzdem würde ich  mich über jede Antwort freuen.

Mfg Rayzn

  1. @@Rayzn:

    nuqneH

    <center> <font color=blue face="Comic Sans MS"> <h1>  Willkommen auf unserer Website </center> </font> </h1>

    Lernt ihr in der Schule wirklich solchen Unsinn, darstellungsbezogene Elemente wie 'center' und 'font' zu verwenden? Dafür ist CSS da.

    Und Comic Sans?

    <center> <h3>  <font color=red face="Verdana">Diese Website beschäftigt sich mit den Freizeitbeschäftigungen von Jugendlichen </center> </font> </h3>

    Falsche Verschachtelung. Was zuerst geöffnet wird, muss zuletzt geschlossen werden.

    <body  background="background 1.jpg" vlink=green>

    Lernt ihr in der Schule wirklich solchen Unsinn, darstellungsbezogene Attribute wie 'background' und 'vlink' zu verwenden? Dafür ist CSS da.

    <table border="5" summary="Test"

    Und Tabellen zum Layouten? Außerdem: Syntaxfehler.

    <br> <br>

    Ich höre da was. Dafür ist CSS da.

    <center>  <img class"rahmen" src="Grafik 1.gif"  class="bord" alt="" />  </center>

    Syntaxfehler. Deshalb kann der CSS-Selektor 'img.rahmen' nicht wirken. Außerdem darf jedes Attribut höchstens einmal in einem Tag vorkommen.

    <marquee> <font color=white> Diese Seite wurde erstellt von . </marquee> <br> <br>

    Lernt ihr in der Schule wirklich solchen Unsinn, digitales Ungeziefer zu verwenden?

    Es tut mir Leid ,wenn ich den Html-Code irgendwie falsch eigefügt hab.

    Das muss dir nicht leid tun. Eher, dass du falschen HTML-Code eingefügt hast. Der Validator zeigt dir die Fehler.

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. Lieber Gunnar Bittersmann,

      Lernt ihr in der Schule wirklich solchen Unsinn, darstellungsbezogene Elemente wie 'center' und 'font' zu verwenden?

      lass mich raten: Der Kerl kann's nur nicht abwarten, bis seine Seite nach etwas aussieht und achtet deshalb nicht auf das, was von Lehrerseite als wesentliche Grundvoraussetzung als zuerst zu lernen verlangt wird, bevor man wild an's Stylen geht. Kenne das von meiner Internet-AG. Diese bescheuerten Grundlagen kosten nämlich so richtig Nerven und Anstrengung - und sehen hinterher noch bescheuerter aus. Also lieber gleich <center> und <body background> benutzen, als sich mit so widerlichem Besserwisserdreck wie semantischem Code zu befassen.

      Und was hast Du gegen Comic Sans? Das findest Du doch überall auf Einladungen, Speisekarten, auf von Lehrern ge-Word-eten Arbeitsblättern usw. - und schließlich lernt man ja durch Imitation!

      Hach kann Jugend so herrlich ignorant sein... War doch schön, oder?

      Liebe Grüße,

      Felix Riesterer.

      --
      ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
      1. lass mich raten: Der Kerl kann's nur nicht abwarten

        hehe, STRIKE!

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)
    2. Danke erst mal für die Antwort.

      Lernt ihr in der Schule wirklich solchen Unsinn, darstellungsbezogene Elemente wie 'center' und 'font' zu verwenden? Dafür ist CSS da.

      Das liegt daran ,dass wir noch nicht bei CSS angelangt sind.

      Falsche Verschachtelung. Was zuerst geöffnet wird, muss zuletzt geschlossen werden.

      Ist korrigiert.

      Syntaxfehler. Deshalb kann der CSS-Selektor 'img.rahmen' nicht wirken. Außerdem darf jedes Attribut höchstens einmal in einem Tag vorkommen.

      Ja, die beiden Fehler hab ich übersehen. Der Rahmen funktioniert jetzt auch.

      Ich hab den Validator mal ausprobiert und er hat auch die genannten Fehler gefunden ,aber die meisten "Fehler" versteh ich nicht wirklich ,da da z.B <html> als Fehler steht und das < rot makiert ist.
      Es wurden 21 Fehler gefunden wo entweder < oder > makiert wurde.
      Ich würde gern wissen ,was daran Fehler sind.

      mfg Rayzn

      1. Lieber Rayzn,

        Das liegt daran ,dass wir noch nicht bei CSS angelangt sind.

        solange Du keine vernünftige Dokumentstruktur bauen kannst, wird Dir CSS auch nicht wirklich helfen. Oder mehr in Schülersprache: Solange Dein HTML Schrott ist, wird Deine Seite auch schrottig bleiben.

        Liebe Grüße,

        Felix Riesterer.

        --
        ie:% br:> fl:| va:) ls:[ fo:) rl:| n4:? de:> ss:| ch:? js:) mo:} zu:)