为什么我不能定位我的表格?

时间:2014-05-05 03:18:50

标签: html css forms

无论我尝试过什么,无论我尝试过什么,我似乎无法定位表格。我用DIV封装了表单以尝试定位,但它始终位于页面顶部:这是我的CSS。

contactform{
position        : absolute;
left            : 415.50pt;
top             : 345.00pt;
width           : 252.75pt;
height          : 168.00pt;
}

这是我的HTML

<div id="contactForm">
    <form class="cmxform" id="commentForm" method="get" action="">
       <fieldset>
        <legend>Please provide your name, email address (won't be published) and a     comment</legend>
        <p>
        <label for="cname">Name (required, at least 2 characters)</label>
        <input id="cname" name="name" minlength="2" type="text" required/>
        </p>
        <p>
        <label for="cemail">E-Mail (required)</label>
        <input id="cemail" type="email" name="email" required/>
        </p>
        <p>
        <label for="curl">URL (optional)</label>
        <input id="curl" type="url" name="url"/>
        </p>
        <p>
        <label for="ccomment">Your comment (required)</label>
        <textarea id="ccomment" name="comment" required></textarea>
        </p>
        <p>
        <input class="submit" type="submit" value="Submit"/>
        </p>
        </fieldset>
    </form>
    <script>
    $("#commentForm").validate();
    </script>
</div>

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

您错过了#

#contactform
{
    position        : absolute;
    left            : 415.50pt;
    top             : 345.00pt;
    width           : 252.75pt;
    height          : 168.00pt;
}

答案 1 :(得分:0)

在CSS中,您必须使用#来引用ID和&#34;。&#34;引用课程 否则你不能指向你想要操纵的HTML元素。 在这里你想念&#34;#&#34;在CSS中 所以改变你的代码(CSS)

改变
contactform{  
position        : absolute;  
left            : 415.50pt;  
top             : 345.00pt;  
width           : 252.75pt;  
height          : 168.00pt;  
}

要,

#contactform{  
position        : absolute;  
left            : 415.50pt;  
top             : 345.00pt;  
width           : 252.75pt;  
height          : 168.00pt;  
}