kostenloser Webspace werbefrei: lima-city


Submit Button Problem in Firefox

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    thomasweinrautner

    thomasweinrautner hat kostenlosen Webspace.

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. 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
  4. Autor dieses Themas

    thomasweinrautner

    thomasweinrautner hat kostenlosen Webspace.

    ...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&ouml;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
  5. 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....
  6. Autor dieses Themas

    thomasweinrautner

    thomasweinrautner hat kostenlosen Webspace.

    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 :confused:

    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
  7. 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.
  8. Autor dieses Themas

    thomasweinrautner

    thomasweinrautner hat kostenlosen Webspace.

    Vielen Dank für deine Mühe...:thumb:

    ich habs grad selber entdeckt! Trau es mich aber gar nicht laut zu sagen...:wazzup:

    über meinem Submitbutton ist ein toter leerer div gelegen, und der hat bis auf den rechten Rand den Button verdeckt!

    Schande über mich ;-)
  9. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!