Submit Button Problem in Firefox
lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess
angabe
bild
button
code
cursor
definition
form
http
klasse senden
nachricht
pfad
pointer
problem
rechner
rechten rand
relativer neuling
senden
tag
url
verursacht glaube
-
Hallo,
ich hoffe ich bin im richtigen Forum, aber nach längerem Suchen habe ich keine Lösung zu meinem tag/problem">Problem gefunden.
Ich habe auf einer HP ein PHP Kontaktformular mit einem grafischen Submit-Button.
<p class="senden"><input type="image" src="pics/senden.gif" width="164" height="19" alt="Abschicken" /></p>
In jedem Browser (IE/Opera/...) kann ich diesen Button ganz normal betätigen (Cursor wird zu Pointer).
Nur in Firefox reagiert der Cursor nur am ganz rechten Rand des Buttons ^^
Ich habe keine Ahnung was ich falsch mache...bitte um Hilfe
MfG -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Kann es sein, dass dieser Tag außerhalb der <form>...</form> Tags steht oder der Pfad zum Bild nicht richtig ist?
Bei mir funktioniert Dein Beispiel auch im Firefox - mit der Änderung, dass der FORM-Tag drumherum ist und ich ein Bild auf meinem Rechner einbinde.
<BODY> <form> <p class="senden"><input type="image" src="/bilder/deutsch.gif" width="164" height="19" alt="Abschicken" /></p> </form> </BODY>
siehe hier auf meinem webspace
Beitrag zuletzt geändert: 28.5.2010 14:50:01 von rnitsche -
...ne daran liegt es nicht!
hier nochmal der größere Ausschnitt des Quellcodes:
<p> <form action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post" enctype="multipart/form-data" accept-charset="<?php echo CHARSET; ?>"> <fieldset> <legend>Persönliche Angaben</legend> <table> <tbody> <tr> <th><label for="Name">Name</label></th> <td><input name="Name" id="Name" size="30" type="text" value="<?php Formular_Eingabe('Name'); ?>" /></td> <th><label for="E-mail">Mail</label></th> <td><input name="E-mail" id="E-mail" size="30" type="text" value="<?php Formular_Eingabe('Email'); ?>" /></td> </tr> </tbody> </table> </fieldset> <fieldset> <legend>Ihre Nachricht</legend> <table> <tbody> <tr> <th><textarea name="Nachricht" id="Nachricht" cols="58" rows="7"><?php Formular_Eingabe('Nachricht'); ?></textarea></th> </tr> </tbody> </table> </fieldset> <table> <tbody> <tr> <th> <p class="senden"><input type="image" src="pics/senden.gif" width="164" height="19" alt="Abschicken" /></p> </th> </tr> </tbody> </table> </form> </p>
ich habe testweise noch direkt um den Button ein form tag gesetzt, aber das bringt nicht.
Da ich im Programmieren noch relativer Neuling bin komm ich nicht drauf.
Danke im Vorraus
-
Hm, sieht eigentlich gar nicht schlecht aus. Vermutlich mag der Firefox dann die CSS Klasse "senden" nicht. Diese wird ja von meinem Firefox ignoriert, da ich sie nicht habe. Oder die Verschachtelung <th><p> verursacht Probleme. Funktioniert das Minibeispiel, was ich auf meinen Webspace gelegt habe? Funktioniert es, wenn Du die <p> Tags drumherum entfernst?
<form> in <form> zu verschachteln verursacht glaube ich noch mehr Probleme....
-
Ich bin Ratlos :(
Wenn ich das <p> Tag rausnehme -> Keine Veränderung
Wenn ich das <th> Tag rausnehme -> Keine Veränderung
Wenn ich dem <p> Tag keine Klasse zuweise -> Button ist weg (wegen fehlender CSS)
Meine CSS ist auch nicht wirklich groß:
.senden { width: 164px; height: 19px; margin-top: -3px; margin-left: 8px; }
Dein Minibeispiel funktioniert einwandfrei
hier der direktlink fals er was hilft: http://thomasweinrautner.lima-city.de/kontakt.php
Beitrag zuletzt geändert: 28.5.2010 15:38:04 von thomasweinrautner -
Ich vermute, dass das Problem an Deinen CSS-Definitionen liegt. Ich habe Deinen geposteten Code mal mit unterhalb meines Minimalbeispiels eingebaut (und die CSS Definition für "senden" als style Attribut eingesetzt): funktioniert. Auch der Originalquelltext funktioniert im Firefox auf meinem Rechner, wenn ich CSS komplett rausnehme.
-
Vielen Dank für deine Mühe...
ich habs grad selber entdeckt! Trau es mich aber gar nicht laut zu sagen...
über meinem Submitbutton ist ein toter leerer div gelegen, und der hat bis auf den rechten Rand den Button verdeckt!
Schande über mich -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage