Warum passiert das in meiner Form? (Screenshots enthalten)

Question

Dies ist mein Code:

Geben Sie Ihre Frage hier:

<form method="post" action=""> 
    Title: 
    <input type="text" name="title"> 

    <br>Further Explanation:<br> 
    <textarea name="content" rows="5"></textarea><br> 
    <input type="submit" name="input" value="Ask" /> 


      <?php 
      if(isset($_POST['delete'])) { 
       include "connection.php"; 
       if (mysql_query("TRUNCATE TABLE Questions")) 
       { 
        echo "Pitanje je uspesno obrisano"; 
       } else { 
        echo "Nastala je greška pri brisanju pitanja<br>" . mysql_error(); 
       } 

      } 
      ?> 

    </form> 
    <form action=" 
    <?php 
    $_SERVER['PHP_SELF']; 
    ?> 
    " method="post"> 
    <input type="submit" name="delete" value="delete all questions"> 
    </form> 

Nun ist es das, was sollte in der Regel meine Form wie folgt aussehen:
http://i53.tinypic.com/vcxsw6.jpg

Aber das ist, was passiert, wenn ich das div-Tag innerhalb meiner dynamischen Seitendatei ein- oder ausfüge:
http://i54.tinypic.com/fz3z84.jpg

Was mache ich falsch? Was ist los? :(

Answer 1

Sie wahrscheinlich einige CSS-Regeln haben, die das Aussehen von input und textarea Elemente ändern, wahrscheinlich so etwas wie:.

input, textarea { 
    border: none; 
} 

Das ist, warum Ihr input und textarea Elemente keine Grenze haben und die zentrierte align könnte von einem übergeordneten Element geerbt werden

Answer 2

Ich bin kein CSS-Profi, aber was ich empfehlen würde, dies in Firefox zu starten, nachdem Sie das Add-on Firebug heruntergeladen haben. Firebug wird Sie direkt dort hinein und Chaos mit CSS und HTML, während es im Browser ausgeführt wird So können Sie Dinge im laufenden Betrieb anpassen, CSS-Elemente ein- und ausschalten und genau lokalisieren, was das Problem verursacht. Suchen Sie einfach das div im Firebug-Fenster und es wird jedes css-Element aufgelistet, das aktuell an es angehängt ist. Von dort aus sollten Sie in der Lage sein, sich durch den Code zu bewegen und zu sehen, woher das komische CSS kommt.