Почему это происходит с моей формой? (скриншоты включены)

Question

Это мой код:

Введите свой вопрос здесь:

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

Теперь вот как должна выглядеть моя форма:
http://i53.tinypic.com/vcxsw6.jpg

Но это то, что происходит, когда я вставляю или извлекаю тег div в файле динамической страницы:
http://i54.tinypic.com/fz3z84.jpg

Что я делаю не так? что здесь происходит? (

Answer 1

Я не профессионал CSS, но я бы порекомендовал запустить его в Firefox после загрузки дополнения Firebug. Firebug позволит вам разобраться с CSS и HTML, пока он работает в браузере, поэтому вы можете на лету корректировать, включать и выключать элементы css и точно определять причину проблемы. Просто найдите div в окне Firebug, и он перечислит каждый элемент CSS, который в данный момент прикреплен к нему. Оттуда вы сможете перемещаться по коду и видеть, откуда исходит этот странный CSS.

Answer 2

Возможно, у вас есть некоторые правила CSS, которые изменяют внешний вид элементов input и textarea, возможно, что-то вроде:

input, textarea {
    border: none;
}

Вот почему ваши элементы input и textarea не имеютграница.И выравнивание по центру может быть унаследовано от родительского элемента.