Der Martin: Problem mit einem Positionierten Bild und "Input Box"

Beitrag lesen

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.