2010-08-25 58 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