2010-10-09 48 views
0

这是加价我有,通过WordPress插件,所以我没有在HTML控件创建的形式工作,CSS的帮助,我需要浮动两个文本区旁边4个输入

<div class="wpcf7" id="wpcf7-f1-p214-o1"> 
<form action="/testing/contact-us/#wpcf7-f1-p214-o1" method="post" class="wpcf7-form"> 
    <div style="display: none;"> 
     <input type="hidden" name="_wpcf7" value="1" /> 
     <input type="hidden" name="_wpcf7_version" value="2.4.1" /> 
     <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p214-o1" /> 
    </div> 
    <fieldset> 
     <span class="wpcf7-form-control-wrap Name"><input type="text" name="Name" value="Name" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br /> 
     <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="Email Address" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /></span><br /> 
     <span class="wpcf7-form-control-wrap telephone"><input type="text" name="telephone" value="Telephone" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br /> 
     <span class="wpcf7-form-control-wrap company"><input type="text" name="company" value="Company" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span><br /> 
     <input type="submit" value="Send" class="wpcf7-submit" /><br /> 
    </fieldset> 
    <fieldset> 
     <span class="wpcf7-form-control-wrap town-city"><textarea name="town-city" class="wpcf7-validates-as-required" cols="40" rows="10">Atleast town/city</textarea></span><br /> 
    </fieldset> 
    <fieldset> 
     <span class="wpcf7-form-control-wrap your-enquiry"><textarea name="your-enquiry" class="wpcf7-validates-as-required" cols="40" rows="10">Enter your enquiry</textarea></span><br /> 
    </fieldset> 
    <div class="wpcf7-response-output wpcf7-display-none"></div> 
</form> 

,这是我目前的CSS,

.page-id-214 input{ 
    margin:0px 0px 10px 0px; 
    width:231px; 
    border:1px solid #aaaaaa; 
    float:left; 
    clear:left; 
} 

我想使它看起来像这样,

alt text

目前我只能让所有的元素坐在上面互相

.page-id-214 textarea { 
    width:206px; 
    height:109px; 
    float:left; 
} 
+0

是什么你使用page-id-214类吗?我没有看到它在HTML中 – 2010-10-09 15:21:02

回答

2

的尝试把

float:left;border:0;margin:0 5px;padding:0;width:206px; 
    height:109px; 

的字段集元素,而不是输入。哦,让选择这样的:

体#wpcf7-F1-P214-O1增加选择性和覆盖任何其他字段集的风格,主题设置:

所以这就是:

body #wpcf7-f1-p214-o1 { 
float:left; 
border:0; 
margin:0 5px; 
padding:0; 
width:206px; 
height:109px; 
}