2010-08-25 61 views
0

如果您在下面尝试我的代码,则可以看到背景颜色为浅蓝色,并且占据了网站的整个页面,我想调整它的大小,如何才能做到这一点?我的意思是颜色将适合填充框所在的相同尺寸,我需要添加以下代码:宽度=“60%” 请问可以在哪里添加此代码?由于调整表格的背景颜色

 <html> 
     <div style="color:red">[+validationmessage+]</div> 
     <p style="color:#4C4C4C;font-weight:bold">« You can subscribe here: »</p> 
     <p>[+MailChimp.message+]</p> 
     <div style="background-color:#CCDFED"> 
     <form method="post" action="[~[*id*]~]"> 

     <br/> 
     <table> 
     <tr>  
     <td><label style="margin:0.5em"> Email: </label></td> 

    <td><input type="text" name="mc_EMAIL" size="60" 
    maxlength="60" style="margin:0.1em" value="" /></td> 
    </tr> 

    <tr> 
    <td><label style="margin:0.5em"> Name: </label></td> 
    <td><input type="text" name="mc_FNAME" size="60" 
    maxlength="60" style="margin:0.1em" value="" /></td> 
    </tr> 


    <tr> 
    <td><label style="margin:0.5em"> Last Name: </label></td> 
    <td><input type="text" name="mc_LNAME" size="60" 
    maxlength="60" style="margin:0.1em" value="" /></td> 
    </tr>  

    <tr> 
    <td><label style="margin:0.5em"> Website: </label></td> 
    <td><input type="text" name="mc_URL" size="60" maxlength="60" 
    style="margin:0.1em" value="" /></td> 
    </tr> 

    <tr> 
    <td><label style="margin:0.5em"> </label></td> 
    <td><input type="submit" name="subscribe" size="60" 
    maxlength="60" value="Register" /></td> 
    </tr> 
    </table> 
    </form> 
    <p><br/></p> 
    </div> 
    </html> 

回答

1

试试这个:

<form method="post" action="[~[*id*]~]" style="display:inline-block;background-color:#CCDFEF"> 

后删除表之前,<div style="background-color:#CCDFED"></div>

+0

我会尝试这一个现在... – tintincutes 2010-08-25 09:42:20

+0

嘿,工作,但我可以定制的大小? – tintincutes 2010-08-25 17:07:43

+0

如果你想要一个固定的宽度,你可以移除'display:inline-block;'并将其替换为:'width:123px;'。 – Lekensteyn 2010-08-25 17:20:14