René: Problem mit einem Positionierten Bild und "Input Box"

Ich habe schon seit tagen ein kaum zu lösendes Problem.
Ich habe auf meiner HP eine Startseite eingerichtet, in der man sich direkt anmelden muss.
Dort habe ich mit "img src" ein Bild eingebunden das als Hintergrund dienen soll. Auf dem Bild kann man in zwei input boxen ID+PW angeben und mit area auf bestimmten punkten des Bildes die Eingabe bestätigen.

Nun zum Problem.
Ich glaube jeder Broswer öffnet das Bild leicht verschoben.
Daher sind die Input boxen auf jedem Explorer an anderer Stelle des Bildes was nicht sein soll, da eine Stelle dafür extra eingerichtet ist. Ich bitte euch um Hilfe da ich selber schon FAST alles mögliche versucht habe.
Hier der wichtige Teil des Quelltext:

...
<body bgcolor="black">
<img src="http://home.arcor.de/rene.walbelder/INTERNET/anmeldung.jpg" border='0' usemap='#Map'></a>

<map name='Map' id='Map'>
        <area shape='rect' coords='540,657,629,696' onclick="check()" alt="Connect1" title="Connect1"' />
        <area shape='rect' coords='650,660,740,700' onclick="login()" alt="Connect2" title="Connect2"' />
      </map>

<div style="position:absolute; top:521px; left:598px; width:200px;
 padding:10px">
<p>
<input name="Benutzername" id="Benutzername" type="text">
</p>
</div>

<div style="position:absolute; top:549px; left:598px; width:200px;
 padding:10px">
<p>
<input type="password" name="Passwort" id="Passwort">
</p>
</div>

</body>
</html>

--Original Page www.z-fighters-sro.de--

Als Test um leichter zu verstehen was ich meine, könntet ihr den Quelltext bei euch im Editor einfügen, abspeichern und mit verschiedenen Broswern öffnen. Ihr werdet merken, das lediglich Mozilla Firefox die Position exakt anlegt.

Ich hoffe ihr könnt mir dabei helfen, ich komme hier seit tagen einfach nicht weiter, vielen Dank im voraus !!!

-----------------------------------------------------------
Versucht habe ich es u.a. schon mit :
1)
<style type="text/css">
#Anmeldung {
 background-image:url(anmeldung.jpg); background-repeat:no-repeat;
 background-position:1px 1px;
}
</style>

Austausch von position:relative
              position:fixed

align="left"

<body bgcolor="...">  Problem: Bestätigung funktioniert nicht und Bild evtl mehrfach wegen Auflösung.

------------funktioniert alles nicht-----------------------

--
Diskutiere niemals mit Idioten,
erst ziehen sie dich auf ihr Niveau herunter
und schlagen dich dann durch Erfahrung!
  1. Hallo,

    Ich habe schon seit tagen ein kaum zu lösendes Problem.

    der erste Schritt sollte mal die Beseitigung der Fehler im HTML sein. Dann hat sich das Problem vielleicht schon erledigt. Also: Dokument validieren, korrigieren, erneut testen.

    Dort habe ich mit "img src" ein Bild eingebunden das als Hintergrund dienen soll.

    Warum *ist* es dann kein Hintergrund?

    Nun zum Problem.

    Zu welchem der Probleme?

    <html>

    1. DOCTYPE fehlt.
       Da darf schonmal jeder Browser raten, nach welcher HTML-Version du den
       Code gern interpretiert hättest.

    <style type="text/css" media="screen">
    <!--

    2. HTML-Kommentare haben im style-Element nichts verloren. Weg damit.

    <body bgcolor="black">
    <form action="haupt.html" onSubmit="return check();">

    4. Du benutzt doch CSS schon ansatzweise, warum nicht auch für die Hinter-
       grundfarbe von body? Weg mit den missbilligten HTML-Attributen.
    5. Du fängst ein Formular an, das jedoch nirgends geschlossen wird. Das ist
       vermutlich das Hauptproblem. Der Eventhandler heißt im übrigen nicht
       onSubmit, sondern onsubmit.

    <img src="anmeldung.jpg" usemap='#Map' border='0'></a>

    6. Warum schließt du hier ein a-Element, das nie geöffnet wurde? Außerdem
       fehlt dem Bild das vorgeschriebene alt-Attribut.

    <map name='Map' id='Map'>
         <area shape='rect' coords='540,657,629,696' onclick="check()"
         alt="Connect1" title="Connect1"' />

    7. Warum hier plötzlich XHTML-Syntax (Schließen des leeren Elements mit
       "/>"? Weg damit. Außerdem hat area kein alt-Attribut; meintest du
       stattdessen vielleicht das title-Attribut?

    <div style="position:absolute; top:549px; left:598px; width:200px;
    padding:10px">
    <p>
    <input type="password" name="Passwort" id="Passwort">
    </div>
    </p>

    8. Verschachtelungsfehler: Erst muss das p-Element geschlossen werden, dann
       das div. Ich würde eins dieser beiden Elemente sogar komplett weglassen.

    Hier der wichtige Teil des Quelltext:
    ...
    <body bgcolor="black">
    <img src="http://home.arcor.de/rene.walbelder/INTERNET/anmeldung.jpg" border='0' usemap='#Map'></a>

    ... der nur leider unvollständig zitiert (also nicht identisch mit dem online-Beispiel) und damit für eine zielführende Aussage nicht brauchbar ist.

    9. Kein technischer, sondern ein gedanklicher Fehler: Eine Passwortprüfung
       mit Javascript zu realisieren, wo jeder im Quelltext nachsehen kann, wie
       denn die Zugangsdaten heißen sollten - das ist so, als würdest du die
       Haustür abschließen und dann einen Zettel dranpinnen: "Schlüssel liegt
       unter der Fußmatte".

    So long,
     Martin

    --
    F: Was ist schneller: Das Licht oder der Schall?
    A: Offensichtlich der Schall. Wenn man den Fernseher einschaltet, kommt immer erst der Ton, und dann erst das Bild.
    1. Hallo,

      Ich habe schon seit tagen ein kaum zu lösendes Problem.

      der erste Schritt sollte mal die Beseitigung der Fehler im HTML sein. Dann hat sich das Problem vielleicht schon erledigt. Also: Dokument validieren, korrigieren, erneut testen.

      Dort habe ich mit "img src" ein Bild eingebunden das als Hintergrund dienen soll.

      Warum *ist* es dann kein Hintergrund?

      Weil ich auf einem Hintergrund mit area keine Punkte ansprechen kann(Connect1/Cennect2)
      und es bei hoher Auflösung dann nochmal anfängt, also das Bild.
      Nun zum Problem.

      Zu welchem der Probleme?

      Was jetzt beschrieben wird.

      <html>

      1. DOCTYPE fehlt.
           Da darf schonmal jeder Browser raten, nach welcher HTML-Version du den
           Code gern interpretiert hättest.

      Ich lerne grade erst HTML, sry, dass hätte ich erwähnen sollen ^.-
      Das heist, ich baue auf mein schul-html auf.
      Daher weis ich leider nicht was du mit DOCTYPE meinst.

      <style type="text/css" media="screen">
      <!--

      1. HTML-Kommentare haben im style-Element nichts verloren. Weg damit.

      ok ist geändert ^^

      <body bgcolor="black">
      <form action="haupt.html" onSubmit="return check();">

      1. Du benutzt doch CSS schon ansatzweise, warum nicht auch für die Hinter-
           grundfarbe von body? Weg mit den missbilligten HTML-Attributen.

      ok ist weg!

      1. Du fängst ein Formular an, das jedoch nirgends geschlossen wird. Das ist
           vermutlich das Hauptproblem. Der Eventhandler heißt im übrigen nicht
           onSubmit, sondern onsubmit.

      <img src="anmeldung.jpg" usemap='#Map' border='0'></a>

      1. Warum schließt du hier ein a-Element, das nie geöffnet wurde? Außerdem
           fehlt dem Bild das vorgeschriebene alt-Attribut.

      Wie gesagt, bin Anfänger. Wusste nicht das alt vorgeschrieben ist.
      Hab ich hinzugefügt.

      <map name='Map' id='Map'>
            <area shape='rect' coords='540,657,629,696' onclick="check()"
            alt="Connect1" title="Connect1"' />

      1. Warum hier plötzlich XHTML-Syntax (Schließen des leeren Elements mit
           "/>"? Weg damit. Außerdem hat area kein alt-Attribut; meintest du
           stattdessen vielleicht das title-Attribut?

      alt-Attribut rausgeworfen.

      <div style="position:absolute; top:549px; left:598px; width:200px;
        padding:10px">
      <p>
      <input type="password" name="Passwort" id="Passwort">
      </div>
      </p>

      1. Verschachtelungsfehler: Erst muss das p-Element geschlossen werden, dann
           das div. Ich würde eins dieser beiden Elemente sogar komplett weglassen.

      <p> ist weg, brauche ich hierbei eh nicht, danke für den Tipp.
      Hier der wichtige Teil des Quelltext:
      ...
      <body bgcolor="black">
      <img src="http://home.arcor.de/rene.walbelder/INTERNET/anmeldung.jpg" border='0' usemap='#Map'></a>

      ... der nur leider unvollständig zitiert (also nicht identisch mit dem online-Beispiel) und damit für eine zielführende Aussage nicht brauchbar ist.

      geändert damit man das als test nehmen kann.

      1. Kein technischer, sondern ein gedanklicher Fehler: Eine Passwortprüfung
           mit Javascript zu realisieren, wo jeder im Quelltext nachsehen kann, wie
           denn die Zugangsdaten heißen sollten - das ist so, als würdest du die
           Haustür abschließen und dann einen Zettel dranpinnen: "Schlüssel liegt
           unter der Fußmatte".

      So long,
      Martin

      Das weis ich, da ich aber nur anstzweise html + javascript kann, wa mir nur diese Lösung möglich.

      Danke dir für die Tipps.

      Getestet.
      Es funktioniert nun auch mit Opera, jedoch immer noch nicht im IE.
      Vielleicht hast du ja noch einen Tipp für mich, hier der ganze und neue Quellcode.

      ________________________________________________________________________________
      <html>
      <head>
      <title>Z_FIGHTERS_ UNION</title>

      <script type="text/javascript">

      function check()  
      

      {
          var Benutzer$;
      var Passwort$;
              Benutzer$ = document.getElementById("Benutzername").value;
      Passwort$ = document.getElementById("Passwort").value;

        if (Passwort$ == "vigi" && Benutzer$ == "Admin")  
      {  
      

      alert("Richtig");
      self.location.href = 'haupt.html?time=4+sek.';
         }
      else
      {
      {alert("Falsch (Groß-Kleinschreibung beachten)");}
      }
      }
      function login()

      {
      self.location.href = 'haupt2.html?time=4+sek.';
      }
      </script>
      </head>

      <body bgcolor="black">

      <img src="anmeldung.jpg" border='0' usemap='#Map'>
            <map name='Map' id='Map'>
              <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1"' />
              <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2"' />
            </map>

      <div style="position:absolute; top:537px; left:600px; width:200px;
       padding:10px">
      <input name="Benutzername" id="Benutzername" type="text">
      </div>

      <div style="position:absolute; top:565px; left:600px; width:200px;
       padding:10px">
      <input type="password" name="Passwort" id="Passwort">
      </div>

      </body>
      </html>
      ______________________________________________________________________________

      --
      Diskutiere niemals mit Idioten,
      erst ziehen sie dich auf ihr Niveau herunter
      und schlagen dich dann durch Erfahrung!
      1. ups, um zu testen,

        <img src="http://home.arcor.de/rene.walbelder/INTERNET/anmeldung.jpg" border='0' usemap='#Map'>

        nehmen.

      2. Hallo René,

        bitte schreib deine Antworten nicht mitten in die Zitatblöcke hinein, dann kann man sie nämlich kaum erkennen. Ich habe gerade eine ganze Weile gebraucht, bis mir zufällig(!) auffiel, dass innerhalb der Zitate schon Ergänzungen von dir stehen.

        »» >> Dort habe ich mit "img src" ein Bild eingebunden das als Hintergrund dienen soll.
        »» Warum *ist* es dann kein Hintergrund?
        Weil ich auf einem Hintergrund mit area keine Punkte ansprechen kann(Connect1/Cennect2)

        Ähm, nein. Aber du kannst deine Formularelemente auf dem Hintergrund positionieren (was du ja ohnehin tust) und die area-Elemente dann durch andere Elemente ersetzen - entweder Links oder, noch sinnvoller, submit-Buttons.

        und es bei hoher Auflösung dann nochmal anfängt, also das Bild.

        Nur wenn du das so angibst.

        »» >> <html>
        »» 1. DOCTYPE fehlt.
        Ich lerne grade erst HTML, sry, dass hätte ich erwähnen sollen ^.-
        Das heist, ich baue auf mein schul-html auf.
        Daher weis ich leider nicht was du mit DOCTYPE meinst.

        Wenn solche Basics nicht gelehrt werden, sollte man denjenigen, der das entschieden hat, mal kräftig in den Hintern treten.

        »» 2. HTML-Kommentare haben im style-Element nichts verloren. Weg damit.
        ok ist geändert ^^

        Nö. Wenn ich den Quelltext der Seite anschaue, sehe ich immer noch:

        <style type="text/css" media="screen">
        <!--

        »» >> <body bgcolor="black">
        »» 4. Du benutzt doch CSS schon ansatzweise, warum nicht auch für die Hinter-
        »»    grundfarbe von body? Weg mit den missbilligten HTML-Attributen.
        ok ist weg!

        Nö. Oder redest du von einem anderen Dokument als http://home.arcor.de/rene.walbelder/INTERNET/main.html?

        »» >> <form action="haupt.html" onSubmit="return check();">
        »» 5. Du fängst ein Formular an, das jedoch nirgends geschlossen wird. Das ist
        »»    vermutlich das Hauptproblem.

        ... und immer noch unverändert.

        »» >> <img src="anmeldung.jpg" usemap='#Map' border='0'></a>
        »»
        »» 6. Warum schließt du hier ein a-Element, das nie geöffnet wurde? Außerdem
        »»    fehlt dem Bild das vorgeschriebene alt-Attribut.
        »»
        »» >> >>Wie gesagt, bin Anfänger. Wusste nicht das alt vorgeschrieben ist.

        Ich erwarte nicht, dass Anfänger die offiziellen Standards lesen und verstehen. Aber "Das Attribut alt ist Pflichtangabe für jede Grafikeinbindung" ist eigentlich verständlich.

        Hab ich hinzugefügt.

        Nö.

        »» >>      <area shape='rect' coords='540,657,629,696' onclick="check()"
        »» >>      alt="Connect1" title="Connect1"' />
        »»
        »» 7. Warum hier plötzlich XHTML-Syntax (Schließen des leeren Elements mit
        »»    "/>"? Weg damit. Außerdem hat area kein alt-Attribut; meintest du
        »»    stattdessen vielleicht das title-Attribut?
        alt-Attribut rausgeworfen.

        Ja, aber den HTML/XHTML-Fehler nicht.

        »» >> <div style="position:absolute; top:549px; left:598px; width:200px;
        »» >>  padding:10px">
        »» >> <p>
        »» >> <input type="password" name="Passwort" id="Passwort">
        »» >> </div>
        »» >> </p>
        »» 8. Verschachtelungsfehler: Erst muss das p-Element geschlossen werden, dann
        »»    das div. Ich würde eins dieser beiden Elemente sogar komplett weglassen.
        <p> ist weg, brauche ich hierbei eh nicht

        Ich seh's immer noch.

        Es funktioniert nun auch mit Opera, jedoch immer noch nicht im IE.

        Dein Problem bei der Positionierung ist, dass jeder Browser andere Defaultwerte für die Innen- und Außenabstände (padding und margin) für die einzelnen Elemente (z.B. body oder img) hat. Da du diese Abstände in deinem eigenen Stylesheet nicht auf definierte Werte setzt, übernimmst du die Browser-Defaults. Damit ist es Zufall, wenn die Positionierung des Bildes (die du dem Browser überlässt) und der Eingabefelder zusammenpasst.

        So long,
         Martin

        --
        Wenn zwei dasselbe tun, sind sie vielleicht bald zu dritt.
        1. Dank dir Martin.

          Sry das ich die Antwort in deine Zitate geschrieben habe.

          und es bei hoher Auflösung dann nochmal anfängt, also das Bild.
          Nur wenn du das so angibst.

          Ich hab es nicht angegeben und trotzdem sehe ich das dann 4 mal auf meinem Bildschrim.

          Ich lerne grade erst HTML, sry, dass hätte ich erwähnen sollen ^.-
          Das heist, ich baue auf mein schul-html auf.
          Daher weis ich leider nicht was du mit DOCTYPE meinst.

          Wenn solche Basics nicht gelehrt werden, sollte man denjenigen, der das entschieden hat, mal kräftig in den Hintern treten.

          Ok werd ich mal machen xD, Sauerei.

          HTML-Kommentare haben im style-Element nichts verloren. Weg damit.
          ok ist geändert ^^
          Nö. Wenn ich den Quelltext der Seite anschaue, sehe ich immer noch:

          <style type="text/css" media="screen">
          <!--

          Ist doch weg, oder wo steht das?

          Du benutzt doch CSS schon ansatzweise, warum nicht auch für die Hinter-
          grundfarbe von body? Weg mit den missbilligten HTML-Attributen.
          ok ist weg!

          Nö. Oder redest du von einem anderen Dokument als http://home.arcor.de/rene.walbelder/INTERNET/main.html?

          Aso, ne sry, ich weis nicht wie ich die Hintergrund-Farbe ohne bgcolor="black" schwarz bekomme. -.-

          <form action="haupt.html" onSubmit="return check();">
          Du fängst ein Formular an, das jedoch nirgends geschlossen wird. Das ist
          vermutlich das Hauptproblem.

          ... und immer noch unverändert.

          Wie unverändert? Das steht doch nicht mehr im Quelltext O.o, oder?

          Ich erwarte nicht, dass Anfänger die offiziellen Standards lesen und verstehen. Aber "Das Attribut alt ist Pflichtangabe für jede Grafikeinbindung" ist eigentlich verständlich.

          ok, hast recht. Hab ich eingetragen.

          Warum hier plötzlich XHTML-Syntax (Schließen des leeren Elements mit
          "/>"? Weg damit. Außerdem hat area kein alt-Attribut; meintest du
          stattdessen vielleicht das title-Attribut?

          alt-Attribut rausgeworfen.

          Ja, aber den HTML/XHTML-Fehler nicht.

          Jetzt schon, weis jetzt dass du das ">"  meinst.

          <p> ist weg, brauche ich hierbei eh nicht
          Ich seh's immer noch.

          Ich sehes net, aber vill. hab ich das auch schon geändert. Siehe später den aktuellen Quelltext.

          Zu deinem letzten Beitrag.

          Sag mir doch wie ich die Werte eingebe und WELCHE es in meinem Fall sein müssen.

          Dank dir bis jetzt herzlichst für die Hilfe.

          Quelltext:

          <html>
          <head>
          <title>Z_FIGHTERS_ UNION</title>

          <script type="text/javascript">

          function check()  
          

          {
              var Benutzer$;
          var Passwort$;
                  Benutzer$ = document.getElementById("Benutzername").value;
          Passwort$ = document.getElementById("Passwort").value;

            if (Passwort$ == "vigi" && Benutzer$ == "Admin")  
          {  
          

          alert("Richtig");
          self.location.href = 'haupt.html?time=4+sek.';
             }
          else
          {
          {alert("Falsch (Groß-Kleinschreibung beachten)");}
          }
          }
          function login()

          {
          self.location.href = 'haupt2.html?time=4+sek.';
          }
          </script>
          </head>

          <body bgcolor="black">

          <img src="anmeldung.jpg" border='0' usemap='#Map' alt="Anmeldebild">
                <map name='Map' id='Map'>
                  <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1">
                  <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2">
                </map>

          <div style="position:absolute; top:537px; left:600px; width:200px; padding:10px">
          <input name="Benutzername" id="Benutzername" type="text">
          </div>

          <div style="position:absolute; top:565px; left:600px; width:200px; padding:10px">
          <input type="password" name="Passwort" id="Passwort">
          </div>

          </body>
          </html>

          Wie setzte ich die Werte des IE jetzt ein wie es bei Mozilla oder Opera, denn da tuts.

          1. Sry das ich die Antwort in deine Zitate geschrieben habe.

            .. und die Zitatzeichen entfernt hast. Dadurch werden deine Postings unlesbar. Mir ist nicht klar, was du geschrieben hast und was von Martin kommt.

            Wenn du hier auf eine Nachricht Antwortest, steht der ursprüngliche Text im Textfeld, inklusive Zitatzeichen ». Das ist kein doppeltes Größer-als Zeichen, wie du sie verwendet hast. Das Zitatzeichen » führt dazu, dass bei der Ausgabe der Text so formatiert wird, dass man unterscheiden kann, was du und deine Vorredner geschrieben haben. Leider hast du den Text total zerpflückt und mit deinen eigenen "Zitatzeichen" versehen, nun ist nicht mehr erkennbar was du und andere geschrieben haben (ausser eventuell für euch zwei, weil ihr ja wißt was ihr geschrieben habt).

            Zu deinem Problem kann ich deshalb nichts sagen.

            Struppi.

            1. »» Sry das ich die Antwort in deine Zitate geschrieben habe.

              .. und die Zitatzeichen entfernt hast. Dadurch werden deine Postings unlesbar. Mir ist nicht klar, was du geschrieben hast und was von Martin kommt.

              Wenn du hier auf eine Nachricht Antwortest, steht der ursprüngliche Text im Textfeld, inklusive Zitatzeichen ». Das ist kein doppeltes Größer-als Zeichen, wie du sie verwendet hast. Das Zitatzeichen » führt dazu, dass bei der Ausgabe der Text so formatiert wird, dass man unterscheiden kann, was du und deine Vorredner geschrieben haben. Leider hast du den Text total zerpflückt und mit deinen eigenen "Zitatzeichen" versehen, nun ist nicht mehr erkennbar was du und andere geschrieben haben (ausser eventuell für euch zwei, weil ihr ja wißt was ihr geschrieben habt).

              Zu deinem Problem kann ich deshalb nichts sagen.

              Struppi.

              Ok, war das erste und das letzte mal das ich das gemacht habe.

              Martin, ich habe das mit margin padding versucht, ohne erfolg.
              Jetzt ist der Abstand noch großer geworden, obwohl ich die Werte 0 eingesetzt habe. Wie kann das?

              An Struppi, ließ doch bitte die 2te Nachricht, damit wollte ich das für alle verständlicher machen.
              Schau dir die Eingabefelder auf den Bildern an, denke dann verstehst du mein Problem.

              Vielen Dank im Vorruas, und Sry Martin wegen dem Doppelpost, sollte lediglich leichter zu verstehen sein.

              1. Hi,

                Martin, ich habe das mit margin padding versucht, ohne erfolg.

                ich kann nichts davon erkennen - zumindest nicht auf deiner Online-Seite. Da fehlt das Stylesheet nun komplett (gestern war's AFAIR wenigstens andeutungsweise drin).

                Jetzt ist der Abstand noch großer geworden, obwohl ich die Werte 0 eingesetzt habe. Wie kann das?

                In meinem IE passt's jetzt so ungefähr, also bis auf etwa 2px/5px, im Opera noch besser, da sind die Eingabefelder lediglich zu kurz. Aber das ist, wie ich schon angedeutet habe, Zufall, solange body noch sein Default-padding hat. Andere Browser, andere Werte.

                Ciao,
                 Martin

                --
                Die letzten Worte des Helden:
                Feigling! Traust dich ja doch nicht!
                1. »» Jetzt ist der Abstand noch großer geworden, obwohl ich die Werte 0 eingesetzt habe. Wie kann das?

                  In meinem IE passt's jetzt so ungefähr, also bis auf etwa 2px/5px, im Opera noch besser, da sind die Eingabefelder lediglich zu kurz. Aber das ist, wie ich schon angedeutet habe, Zufall, solange body noch sein Default-padding hat. Andere Browser, andere Werte.

                  Ciao,
                  Martin

                  Als ich im body margin und padding eingefügt habe und die Werte auf 0 gesetzt habe,
                  da war der Abstand des Bildes in alle richtungen ca 5-8px größer als ohne.
                  Und ja, mich stören genau die 2-5px im IE, das mit Opera ist ok.
                  Weist du wie ich das Pic ganz an den Rand bekomme?
                  Du hast ja den Quelltext, kannst ja mal padding einfügen, vill siehst du was ich meine.

                  Hoffe du kannst mir helfen, ich verzweifele ;-(

                  1. Hallo,

                    Als ich im body margin und padding eingefügt habe und die Werte auf 0 gesetzt habe, da war der Abstand des Bildes in alle richtungen ca 5-8px größer als ohne.

                    dann hast du etwas falsch gemacht.

                    Weist du wie ich das Pic ganz an den Rand bekomme?

                    Ja, indem du das padding von body auf 0 setzt. *duck-und-weg*
                    Sicherheitshalber dasselbe für das html-Element:

                    body, html  
                     { margin: 0;  
                       padding: 0;  
                     }
                    

                    That does the job. Natürlich musst du dann die Positionen der Eingabefelder wieder anpassen - ein letztes Mal an die *richtigen* Positionen.
                    Ach so, bevor du wieder fragst: Wenn die Position dann stimmt, wirst du feststellen, dass die Eingabefelder in verschiedenen Browsern unterschiedlich lang sind. Denn die Länge hast du auch nicht festgelegt, nur die Abmessungen des umschließenden div-Containers.

                    So long,
                     Martin

                    --
                    Most experts agree: Any feature of a program that you can't turn off if you want to, is a bug.
                    Except with Microsoft, where it is just the other way round.
                    1. body, html

                      { margin: 0;
                         padding: 0;
                      }

                      
                      >   
                      > That does the job. Natürlich musst du dann die Positionen der Eingabefelder wieder anpassen - ein letztes Mal an die \*richtigen\* Positionen.  
                      > Ach so, bevor du wieder fragst: Wenn die Position dann stimmt, wirst du feststellen, dass die Eingabefelder in verschiedenen Browsern unterschiedlich lang sind. Denn die Länge hast du auch nicht festgelegt, nur die Abmessungen des umschließenden div-Containers.  
                      >   
                      > So long,  
                      >  Martin  
                        
                      Dank dir, hab ich gleich getestet, jedoch mit dem Erfolg, den du dir ansehen kannst. So siehts nun aus:  
                        
                      \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_  
                      <body bgcolor="black">  
                        
                      margin: 0;  
                      padding: 0;  
                        
                      <img src="anmeldung.jpg" border='0' usemap='#Map' alt="Anmeldebild">  
                            <map name='Map' id='Map'>  
                              <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1">  
                              <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2">  
                            </map>  
                        
                        
                      <div style="position:absolute; top:537px; left:600px; width:200px; padding:10px">  
                      <input name="Benutzername" id="Benutzername" type="text">  
                      </div>  
                        
                      <div style="position:absolute; top:565px; left:600px; width:200px; padding:10px">  
                      <input type="password" name="Passwort" id="Passwort">  
                      </div>  
                      </body>  
                      </html>  
                      \_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_\_  
                        
                      Habs eingefügt und sieht nun [SO](http://home.arcor.de/rene.walbelder/bild3.JPG) aus. Der Rand zum Bild ist GRÖßER geworden.  
                        
                      Jedoch mit dem alten Quelltext sieht das [SO](http://home.arcor.de/rene.walbelder/bild2.JPG) aus.  
                        
                      Warum wird der Rand größer wenn ich 0 eintrage, hab zur Sicherheit sogar deinen Teil kopiert/eingefügt.  
                        
                        
                      habs auch so versucht:  
                      {  
                      margin: 0;  
                      padding: 0;  
                      }  
                        
                      auch ohne erfolg, sag ma is der IE bescheuert? (wohl kaum) xD  
                      oder ich?  O.o
                      
                      1. Hallo,

                        »» ~~~css

                        body, html

                        »»  { margin: 0;
                        »»    padding: 0;
                        »»  }

                          
                        
                        > Dank dir, hab ich gleich getestet, jedoch mit dem Erfolg, den du dir ansehen kannst. So siehts nun aus:  
                        >   
                        > <body bgcolor="black">  
                        >   
                        > margin: 0;  
                        > padding: 0;  
                          
                        ja heidenei! Hab ich gesagt, dass du das ins HTML schreiben sollst? Nein, ins Stylesheet! Warum habe ich den Codeschnipsel wohl als "CSS" formatiert?  
                          
                        
                        > Habs eingefügt und sieht nun [SO](http://home.arcor.de/rene.walbelder/bild3.JPG) aus. Der Rand zum Bild ist GRÖßER geworden.  
                          
                        Kein Wunder, weil oben am Rand noch in schwarzer Schrift auf schwarzem Hintergrund der Text "margin: 0; padding: 0;" steht.  
                          
                        
                        > Warum wird der Rand größer wenn ich 0 eintrage, hab zur Sicherheit sogar deinen Teil kopiert/eingefügt.  
                          
                        Er wird \*immer\* größer, wenn du oberhalb vom Bild noch Text einfügst.  
                          
                        
                        > auch ohne erfolg, sag ma is der IE bescheuert? (wohl kaum) xD  
                        > oder ich?  O.o  
                          
                        Naja, so ganz vorbildlich ist der IE nun wirklich nicht. Aber hier kann er nichts dafür ...  
                          
                        Ciao,  
                         Martin  
                        
                        -- 
                        Wer morgens zerknittert aufsteht, hat den ganzen Tag Gelegenheit, sich zu entfalten.
                        
                        1. »» <body bgcolor="black">
                          »»
                          »» margin: 0;
                          »» padding: 0;

                          ja heidenei! Hab ich gesagt, dass du das ins HTML schreiben sollst? Nein, ins Stylesheet! Warum habe ich den Codeschnipsel wohl als "CSS" formatiert?

                          ok als "css" eingefügt, ok, das wa ein dummer Fehler.
                          Nun siehts so aus und Rand ist immer noch da, ich denke mal ich nerve mitlerweile, aber wie gesagt, ich bin Anfänger und kenn bis jetzt nur HTML + JS und kaum css, und ausser euch kann ich keinen um Hilfe bitten -.-" .

                          »» Habs eingefügt und sieht nun SO aus. Der Rand zum Bild ist GRÖßER geworden.

                          Kein Wunder, weil oben am Rand noch in schwarzer Schrift auf schwarzem Hintergrund der Text "margin: 0; padding: 0;" steht.

                          Ok stimmt, wie gesagt, mein fehler.

                          Aber was ist nun falsch?
                          Hier der Quelltext, (ich lade es jetzt erst hoch, wenn funktioniert.)

                          ____________________________________________________________________________
                          <html>
                          <head>
                          <title>Z_FIGHTERS_ UNION</title>

                          <style type="text/css">
                          <!--
                          margin: 0;
                          padding: 0;
                          -->
                          </style>

                          <script type="text/javascript">

                          function check()  
                          

                          {
                              var Benutzer$;
                          var Passwort$;
                                  Benutzer$ = document.getElementById("Benutzername").value;
                          Passwort$ = document.getElementById("Passwort").value;

                            if (Passwort$ == "vigi" && Benutzer$ == "Admin")  
                          {  
                          

                          alert("Richtig");
                          self.location.href = 'haupt.html?time=4+sek.';
                             }
                          else
                          {
                          {alert("Falsch (Groß-Kleinschreibung beachten)");}
                          }
                          }
                          function login()
                          {
                          self.location.href = 'haupt2.html?time=4+sek.';
                          }
                          </script>
                          </head>
                          <body bgcolor="black">

                          <img src="anmeldung.jpg" border='0' usemap='#Map' alt="Anmeldebild">
                                <map name='Map' id='Map'>
                                  <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1">
                                  <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2">
                                </map>

                          <div style="position:absolute; top:537px; left:600px; width:200px; padding:10px">
                          <input name="Benutzername" id="Benutzername" type="text">
                          </div>

                          <div style="position:absolute; top:565px; left:600px; width:200px; padding:10px">
                          <input type="password" name="Passwort" id="Passwort">
                          </div>

                          </body>
                          </html>
                          ____________________________________________________________________________

                          Rand muss weg!

                          1. Mahlzeit technoking,

                            ich bin Anfänger

                            Das macht nichts.

                            und kenn bis jetzt nur HTML + JS und kaum css,

                            Das macht auch nichts, das kann man ändern.

                            und ausser euch kann ich keinen um Hilfe bitten -.-" .

                            Falsch. Du könntest Dir z.B. die Grundlagen von http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=HTML und http://de.selfhtml.org/css/intro.htm@title=CSS zu Gemüte führen ... denn bei beiden scheint es ganz kräftig zu hapern.

                            Aber was ist nun falsch?

                            Immer noch viel zu vieles. Vor allem immer noch einige Dinge, die in diesem Thread nun bereits MEHRFACH angemahnt bzw. erwähnt wurden. WILLST Du diesen Hinweisen nicht nachgehen oder hast Du schlicht und ergreifend nicht verstanden, was gemeint war?

                            <html>

                            Es fehlt immer noch die Angabe eines vernünftigen http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyps.

                            <style type="text/css">
                            <!--

                            Du hast hier immer noch HTML-Kommentare in einem Bereich, der lediglich CSS-Code erlaubt.

                            if (Passwort$ == "vigi" && Benutzer$ == "Admin")

                            Du hast hier immer noch Benutzername und Passwort im Klartext stehen. Übrigens: was soll das "$" am Ende der Variablennamen?

                            <body bgcolor="black">

                            Du hast hier immer noch eine Angabe zur Darstellung im HTML-Code. Verlagere das in <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color@title=eine entsprechende CSS-Anweisung>.

                            MfG,
                            EKKi

                            --
                            sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                            1. »» Aber was ist nun falsch?

                              Immer noch viel zu vieles. Vor allem immer noch einige Dinge, die in diesem Thread nun bereits MEHRFACH angemahnt bzw. erwähnt wurden. WILLST Du diesen Hinweisen nicht nachgehen oder hast Du schlicht und ergreifend nicht verstanden, was gemeint war?

                              alles was ich verstanden habe, habe ich auch gleich versucht zu verbessern.
                              Alles was ich dementsprechend nicht verbessert habe, habe ich nicht verstanden :(.

                              »» <html>

                              Es fehlt immer noch die Angabe eines vernünftigen http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyps.

                              Wie sieht so ein Dokumententyp aus, einfach <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ?

                              Ich weis ja nicht was ich für meine Vorraussetzung ändern muss.

                              »» <style type="text/css">
                              »» <!--

                              Du hast hier immer noch HTML-Kommentare in einem Bereich, der lediglich CSS-Code erlaubt.

                              Was meinst du damit?

                              »»   if (Passwort$ == "vigi" && Benutzer$ == "Admin")

                              Du hast hier immer noch Benutzername und Passwort im Klartext stehen. Übrigens: was soll das "$" am Ende der Variablennamen?

                              Das ist noch von der Schule hängen geblieben, hat eigendlich keine bedeutung, könnte weg.
                              Wie bekomme ich den die Klarschrift weg???

                              »» <body bgcolor="black">

                              Du hast hier immer noch eine Angabe zur Darstellung im HTML-Code. Verlagere das in <http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_color@title=eine entsprechende CSS-Anweisung>.

                              Ok, versuch ich zu ändern.
                              Omg, Hintergrund will mit css net schwarz werden, und der Rand ist auch noch da. Warum?

                              Krass, mit css komme ich überhaupt nicht klar, bleibe lieber bei js und lerne das vernünfitig,
                              bevor ich viele Sprachen unvollständig kann.
                              ____________________________________________________________________________
                              <html>
                              <head>
                              <title>Z_FIGHTERS_ UNION</title>

                              <style type="text/css">

                              margin: 0;
                              padding: 0;
                              body {background-color:black;}

                              </style>

                              <script type="text/javascript">

                              function check()  
                              

                              {
                                  var Benutzer$;
                              var Passwort$;
                                      Benutzer$ = document.getElementById("Benutzername").value;
                              Passwort$ = document.getElementById("Passwort").value;

                                if (Passwort$ == "vigi" && Benutzer$ == "Admin")  
                              {  
                              

                              alert("Richtig");
                              self.location.href = 'haupt.html?time=4+sek.';
                                 }
                              else
                              {
                              {alert("Falsch (Groß-Kleinschreibung beachten)");}
                              }
                              }
                              function login()
                              {
                              self.location.href = 'haupt2.html?time=4+sek.';
                              }
                              </script>
                              </head>
                              <body>

                              <img src="anmeldung.jpg" border='0' usemap='#Map' alt="Anmeldebild">
                                    <map name='Map' id='Map'>
                                      <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1">
                                      <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2">
                                    </map>

                              <div style="position:absolute; top:537px; left:600px; width:200px; padding:10px">
                              <input name="Benutzername" id="Benutzername" type="text">
                              </div>

                              <div style="position:absolute; top:565px; left:600px; width:200px; padding:10px">
                              <input type="password" name="Passwort" id="Passwort">
                              </div>

                              </body>
                              </html>
                              ____________________________________________________________________________
                              Hoffe kannst mir nochmal weiterhelfen, das größte problem ist bei mir der Rand der weg soll.
                              Denn dann bräuchte ich acuh keine Hintergrund farbe mehr.

                              1. Mahlzeit technoking,

                                Alles was ich dementsprechend nicht verbessert habe, habe ich nicht verstanden :(.

                                Dann frage nach. Besser noch: folge den ggf. angegeben Links, lies Dich in das Thema ein, bemühe ggf. Google zu den angegebenen Stichwörtern und wenn Du dann immer noch nichts verstanden hast, frage wieder nach.

                                »» Es fehlt immer noch die Angabe eines vernünftigen http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyps.
                                »»
                                Wie sieht so ein Dokumententyp aus, einfach <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ?

                                Hast Du den verlinkten Bereich von SELFHTML überhaupt gelesen? Dort steht im Prinzip alles, was Du wissen musst. Hast Du den Artikel nicht verstanden? Dann sag, was genau Du nicht verstanden hast.

                                »» »» <style type="text/css">
                                »» »» <!--
                                »»
                                »» Du hast hier immer noch HTML-Kommentare in einem Bereich, der lediglich CSS-Code erlaubt.
                                »»
                                Was meinst du damit?

                                Was könnte ich damit wohl meinen ... dazu eine kleine Hausaufgabe:

                                • Was genau sollte innerhalb von <style></style>-Tags stehen?

                                • Wie sieht ein HTML-Kommentar aus?

                                • Wie sieht ein CSS-Kommentar aus?

                                Wie bekomme ich den die Klarschrift weg???

                                Gar nicht, das ist ja gerade das Problem. Javascript ist nicht für eine sichere und zuverlässige "Anmeldung" geeignet.

                                Omg, Hintergrund will mit css net schwarz werden, und der Rand ist auch noch da. Warum?

                                Was meinst Du mit "will net schwarz werden"? Wenn Du eine korrekte CSS-Anweisung gibst, MUSS der Browser den entsprechenden Hintergrund entsprechend einfärben. Und welchen Rand meinst Du?

                                Krass, mit css komme ich überhaupt nicht klar, bleibe lieber bei js und lerne das vernünfitig,

                                CSS und Javascript sind für vollkommen unterschiedliche Zwecke da. CSS ist dazu da, um mit Formatierungsanweisungen das Aussehen einer HTML-Datei zu beeinflussen. Mit Javascript kann man z.B. auf Benutzeraktionen reagieren oder im Browser dynamisch Programme ausführen.

                                Es gibt dabei kein "entweder-oder", sondern nur ein "sowohl-als auch".

                                bevor ich viele Sprachen unvollständig kann.

                                Du solltest alle drei vernünftig und vollständig lernen: HTML, CSS und Javascript.

                                <style type="text/css">

                                Geht doch auch ohne HTML-Kommentar. :-)

                                margin: 0;
                                padding: 0;

                                Es fehlt die Angabe, für welche Elemente diese Anweisungen gelten.

                                body {background-color:black;}

                                Sieht gut aus. Und das Dokument hat jetzt keinen schwarzen Hintergrund? Kann ich irgendwie nicht glauben ...

                                Hoffe kannst mir nochmal weiterhelfen, das größte problem ist bei mir der Rand der weg soll.

                                Welcher Rand?

                                MfG,
                                EKKi

                                --
                                sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                                1. »» body {background-color:black;}

                                  Sieht gut aus. Und das Dokument hat jetzt keinen schwarzen Hintergrund? Kann ich irgendwie nicht glauben ...

                                  Ne hat echt keinen SchwarzenHintergrund, ist aber auch egal, siehe später.

                                  »» Hoffe kannst mir nochmal weiterhelfen, das größte problem ist bei mir der Rand der weg soll.

                                  Welcher Rand?

                                  Der Rand zwischen Bild und Explorer, der eigendlich weg sollte.
                                  Da der rand jetzt weg ist, brauche ich die Hintergrundfarbe auch net mehr ;))

                                  Danke dir für die Hilfe!!!

                                  Das hier hast du wohl übersehen

                                  Aja alles gut bis auf die Unsicherheit, mit auslagern einer datei wa das ein reinfall.
                                  Die datei .js  wird auch sofort angezeigt sobald sie eingebunden wird xD

                                  Also heist es nun, php lernen, sichere Abfrage gestalten.

                                  Danke euch beiden nochmal herzlichst !

                                  1. Mahlzeit technoking,

                                    Das hier hast du wohl übersehen

                                    Nö - erst gesehen, nachdem ich fertig mit Tippen und Abschicken war ... so ist das halt, wenn man gleichzeitig schreibt und sich die Beiträge überlapen ... :-)

                                    Also heist es nun, php lernen, sichere Abfrage gestalten.

                                    Dabei sei Dir das QuakeNet-PHP-Tutorial ans Herz gelegt. Das ist IMHO recht einfach zu verstehen - auch da man immer anhand eines konkreten Beispiels arbeitet.

                                    Danke euch beiden nochmal herzlichst !

                                    Kein Problem.

                                    MfG,
                                    EKKi

                                    --
                                    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                                  2. Hi,

                                    Also heist es nun, php lernen, sichere Abfrage gestalten.

                                    ähm, nein! Das heißt, erst mal in HTML, möglichst auch CSS, sattelfest werden. Dann erst langsam an PHP denken. Dabei kommt zwangsläufig auch noch ein bisschen HTTP dazu. Denn ohne HTTP wenigstens grundlegend zu verstehen, ist auch PHP nahezu sinnlos.
                                    Und ohne die Grundlagen eines Webservers zu kennen, ist PHP eine gefährliche Waffe. Gefährlich für deinen Server!

                                    Es ist also noch ein weiter Weg. Zwar gibt es für viele Standard-Aufgabenstellungen auch leicht verständliche Tutorials, die einem Schritt für Schritt erklären, was zu tun ist. Auch ohne dass man jeden Schritt begreifen muss. Aber es ist schwer, für einen Laien gar unmöglich, gute Tutorials von solchen zu unterscheiden, die besser nie veröffentlicht worden wären.

                                    So long,
                                     Martin

                                    --
                                    Wer es in einem Unternehmen zu etwas bringen will, muss so tun, als hätte er es schon zu etwas gebracht.
                                2. Hallo EKKi,

                                  Du solltest alle drei vernünftig und vollständig lernen: HTML, CSS und Javascript.

                                  ja, wobei ich es für legitim halte, Javascript dabei nur oberflächlich "zu können". Die anderen beiden sind aber ein Muss.

                                  »» body {background-color:black;}
                                  Sieht gut aus. Und das Dokument hat jetzt keinen schwarzen Hintergrund? Kann ich irgendwie nicht glauben ...

                                  Doch, bei der "Vorgeschichte" im Stylesheet schon. Der Browser wird mit dem Selektor
                                    margin: 0; padding: 0; body
                                  so seine Probleme haben.

                                  »» Hoffe kannst mir nochmal weiterhelfen, das größte problem ist bei mir der Rand der weg soll.
                                  Welcher Rand?

                                  Der Abstand zwischen Fensterrand und dem sogenannten Hintergrundbild. Hat sich aber jetzt wohl erledigt.

                                  Ciao,
                                   Martin

                                  --
                                  Ich liebe Politiker auf Wahlplakaten.
                                  Sie sind tragbar, geräuschlos, und leicht wieder zu entfernen.
                                    (Loriot, deutscher Satiriker)
                                  1. Mahlzeit Der Martin,

                                    »» Du solltest alle drei vernünftig und vollständig lernen: HTML, CSS und Javascript.

                                    ja, wobei ich es für legitim halte, Javascript dabei nur oberflächlich "zu können". Die anderen beiden sind aber ein Muss.

                                    Das stimmt - sehe ich auch so. Ich hatte Javascript da auch nur mit eingeschlossen, da technoking ja schrieb, dass er Javascript ein bisschen könne. Aus diesem "Bisschen" sollte er dann bei Gelegenheit mehr machen, wenn er Javascript richtig verwenden will ...

                                    MfG,
                                    EKKi

                                    --
                                    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
                                  2. Für alle dies Interessiert, aus meinem Quelltext:
                                    ____________________________________________________________________________
                                    <html>
                                    <head>
                                    <title>Z_FIGHTERS_ UNION</title>

                                    <script type="text/javascript">

                                    function check()

                                    {
                                        var Benutzer$;
                                    var Passwort$;
                                            Benutzer$ = document.getElementById("Benutzername").value;
                                    Passwort$ = document.getElementById("Passwort").value;

                                    if (Passwort$ == "vigi" && Benutzer$ == "Admin")
                                    {
                                       alert("Richtig");
                                    self.location.href = 'haupt.html?time=4+sek.';
                                       }
                                    else
                                    {
                                    {alert("Falsch (Groß-Kleinschreibung beachten)");}
                                    }
                                    }
                                    function login()

                                    {
                                    self.location.href = 'haupt2.html?time=4+sek.';
                                    }
                                    </script>
                                    </head>

                                    <body bgcolor="black">

                                    <img src="anmeldung.jpg" border='0' usemap='#Map'>
                                          <map name='Map' id='Map'>
                                            <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1"' />
                                            <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2"' />
                                          </map>

                                    <div style="position:absolute; top:537px; left:600px; width:200px;
                                     padding:10px">
                                    <input name="Benutzername" id="Benutzername" type="text">
                                    </div>

                                    <div style="position:absolute; top:565px; left:600px; width:200px;
                                     padding:10px">
                                    <input type="password" name="Passwort" id="Passwort">
                                    </div>

                                    </body>
                                    </html>
                                    ____________________________________________________________________________

                                    wurde mit ihrer Hilfe das hier:
                                    ____________________________________________________________________________
                                    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                                    <html>
                                    <head>
                                    <title>Z_FIGHTERS_ UNION</title>
                                    <style type="text/css">
                                    body, html
                                     { margin: 1;
                                       padding: 1;
                                       background-color: black;
                                     }
                                    </style>
                                    <script src="joa.js" type="text/javascript"></script>
                                    </head>
                                    <body>
                                    <img src="anmeldung.jpg" border='0' usemap='#Map' alt="Anmeldebild">
                                          <map name='Map' id='Map'>
                                            <area shape='rect' coords='540,657,629,696' onclick="check()" title="Connect1">
                                            <area shape='rect' coords='650,660,740,700' onclick="login()" title="Connect2">
                                          </map>
                                    <div style="position:absolute; top:531px; left:595px; width:200px; padding:10px">
                                    <input name="Benutzername" id="Benutzername" type="text">
                                    </div>
                                    <div style="position:absolute; top:560px; left:595px; width:200px; padding:10px">
                                    <input type="password" name="Passwort" id="Passwort">
                                    </div>
                                    </body>
                                    </html>
                                    ____________________________________________________________________________
                                    Dank euch !

                                    1. Hallo,

                                      Für alle dies Interessiert, aus meinem Quelltext:

                                      ich sagte es schon einmal: Es ist richtig und oft wichtig, zu einer konkreten Frage auch die Code-Ausschnitte zu zeigen, die für das Problem relevant sind. Aber bitte nicht den Code in seiner Gesamtheit, und bitte nicht in fast jedem Posting aufs Neue!

                                      wurde mit ihrer Hilfe das hier:

                                      Und das ist auch noch teilweise falsch.

                                      <style type="text/css">
                                      body, html
                                      { margin: 1;
                                         padding: 1;
                                         background-color: black;
                                      }
                                      </style>

                                      CSS-Maßangaben müssen mit einer Einheit versehen sein, außer wenn der Wert 0 ist. So wie du es angibst, weiß man nicht, ob du 1% meinst, oder 1cm, oder 1px oder 1 Wurstzipfel. Die meisten Browser werden das vermutlich stillschweigend als 1px interpretieren; es wäre aber genauso erlaubt, dass ein Browser diese fehlerhafte Definition ignoriert.

                                      So long,
                                       Martin

                                      --
                                      Ist die Katze gesund,
                                      freut sich der Hund.
                    2. Ok Bild ist Links, ich bin glücklich!!!
                      JETZT (12.10) hab ich verstanden was du mir damit sagen wolltest.
                      JUHU, danke danke danke, dass du dir so viel Zeit genommen hast,
                      dich mit nem dussel wie mir abzugeben und mir zu erklären was ich falsch gemacht habe.

                      DANKE Martin, und dir auch EKKi, dass du mir helfen wolltest.
                      Ihr seit die besten ;-)

  2. Mahlzeit René,

    Ich habe auf meiner HP eine Startseite eingerichtet, in der man sich direkt anmelden muss.

    Dass diese "Anmeldung" ein Witz ist, ist Dir klar? 1. hat nicht jeder Benutzer Javascript in seinem Browser aktiviert und 2. ist im Quelltext wunderschön für jeden Besucher ersichtlich Benutzername und Passwort lesbar. Informiere Dich zum Thema und verwerfe dabei sämtliche auf Javascript basierende "Lösungen"!

    --Original Page www.z-fighters-sro.de--

    3 Errors, 5 warning(s)

    Beseitige zunächst die Fehler, indem Du sauberen und validen Code produzierst. Anschließend wirst Du feststellen, dass nahezu alle Browser die Seite wie gewünscht darstellen. Wenn der IE dann allerdings immer noch Darstellungsfehler macht, kannst Du das durch geeignete Mittel (CSS-Hacks und/oder separate CSS-Dateien) beheben.

    MfG,
    EKKi

    --
    sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|
    1. »» Ich habe auf meiner HP eine Startseite eingerichtet, in der man sich direkt anmelden muss.

      Dass diese "Anmeldung" ein Witz ist, ist Dir klar? 1. hat nicht jeder Benutzer Javascript in seinem Browser aktiviert und 2. ist im Quelltext wunderschön für jeden Besucher ersichtlich Benutzername und Passwort lesbar. Informiere Dich zum Thema und verwerfe dabei sämtliche auf Javascript basierende "Lösungen"!

      Zu 1, das kann ich nicht wissen, grad Schule fertig, Ferien und will ne Coole Guild HP machen, vorher kaum HTML,JS und schon gar keine SCC gelernt.
      Bin grad "frisch" auf diesem Gebiet.
      Zu 2,Wie gesagt, ich kann nichts anderes und muss dementsprechen bei JS bleiben.
      Aber habe schon gesehen wie man JS-Programme aus dem Header auslagern kann, das hilft bestimmt bissel.

      »» --Original Page www.z-fighters-sro.de--

      3 Errors, 5 warning(s)

      Beseitige zunächst die Fehler, indem Du sauberen und validen Code produzierst. Anschließend wirst Du feststellen, dass nahezu alle Browser die Seite wie gewünscht darstellen. Wenn der IE dann allerdings immer noch Darstellungsfehler macht, kannst Du das durch geeignete Mittel (CSS-Hacks und/oder separate CSS-Dateien) beheben.

      Bin ich gut in Mathe,Physik usw.   aber english is voll meine Schwachstelle!!!

      Das was da steht hilft mir nicht.
      Ich sags ma so, ihr habt den Quelltext, könnt ihr mir nicht stumpf sagen was da falsch ist,
      ich weis das ihr denkt, der LERNEFFEKT wird darunter leiden, aber ich bin zu arrogant,
      die Lösung nicht verstanden zu haben und stumpf zu kopieren.

      Also bitte, wie bekomme ich den Rand weg?
      Hintergrund mit css schwarz?
      PW-Abfrage sicherer?
      BITTE BITTE keine englischen Links.....

      Danke euch für jede brauchbare Antwort!!!

      1. Mahlzeit technoking,

        Zu 1, das kann ich nicht wissen, grad Schule fertig,

        Das hat mit Schule wenig zu tun, das weiß jeder nicht, der anfängt sich mit dem Themenblock HTML, CSS, Javascript usw. zu beschäftigen. Es ist ja auch nicht schlimm - und es macht Dir sicher auch keinen einen Vorwurf. Du solltest nur die Bereitschaft mitbringen, lernen zu wollen. Und dazu gehört eben auch, Dich zu den Hinweisen, die man Dir hier gibt, zu informieren, mal Google zu bemühen und die Links, die man Dir heraussucht, anzuklicken und Dich dort durchzuhangeln.

        Zu 2,Wie gesagt, ich kann nichts anderes und muss dementsprechen bei JS bleiben.

        Dann kannst Du eine sinnvolle und sichere "Anmeldung" total vergessen. Javascript ist nicht dafür geeignet, eine solche Funktionalität zu bieten. Du müsstest Dich entweder mit geeigneter serverseitiger Programmierung (PHP, Perl, Python, ASP o.ä.) beschäftigen und/oder einen geschützten Bereich (z.B. durch .htaccess-Zugangskontrollen) einrichten.

        Wenn Dir die Stichwörter nichts sagen, informiere Dich dazu. Google und auch SELFHTML bieten alle Möglichkeiten dazu.

        Aber habe schon gesehen wie man JS-Programme aus dem Header auslagern kann, das hilft bestimmt bissel.

        Nein. Nicht wirklich. Es kann weiterhin jeder im HTML-Quelltext nachschauen, dort sehen dass ein externes Javascript verwendet wird und dieses dann "per Hand" herunterladen und durchlesen.

        Bin ich gut in Mathe,Physik usw.   aber english is voll meine Schwachstelle!!!

        Es gibt auch andere HTML-Validatoren, die ihre Hinweise und Fehlermeldungen in deutscher Sprache ausspucken. Darüber hinaus gibt es viele Übersetzungstools, die zumindest beim Grundverständnis helfen sollten.

        Das was da steht hilft mir nicht.

        Dann lerne HTML. Tut mir leid, wenn das patzig klingt - aber wenn Du sauberes HTML erstellen könntest, würde Dir der Validator keine Fehlermeldungen um die Ohren hauen.

        Ich sags ma so, ihr habt den Quelltext, könnt ihr mir nicht stumpf sagen was da falsch ist,

        Sicher. Gegen einen angemessenen Stundensatz gern.

        ich weis das ihr denkt, der LERNEFFEKT wird darunter leiden, aber ich bin zu arrogant,
        die Lösung nicht verstanden zu haben und stumpf zu kopieren.

        Bei "SELF"HTML gibt es in der Regel Hilfe zur Selbsthilfe.

        MfG,
        EKKi

        --
        sh:( fo:| ch:? rl:( br:> n4:~ ie:% mo:} va:) de:] zu:) fl:{ ss:) ls:& js:|