调整表格 - css，html

heya我对这个CSS和网页设计非常基本。我希望帐单信息表格和表单左对齐，我已经尝试了所有内容，这是最后的手段。表单和标题结算位于页面的右侧。调整表格 - css，html

这是一个框架，并有一个页眉，页脚，导航和侧裸包括与中间包括作为主页。

这里是中间include的代码。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Billing Info</title> 
<script language="javascript"> 
function validate(){ 
    var f=document.form1; 
    if(f.name.value==''){ 
     alert('Your name is required'); 
     f.name.focus(); 
     return false; 
    } 
    f.command.value='update'; 
    f.submit(); 
} 
</script> 
</head> 


<body> 
<form name="form1" onsubmit="return validate()"> 
<input type="hidden" name="command" /> 
<input type="hidden" name="p" value="billing" /> 
<div align="left"> 
<div style="padding-top:50px"> 

    <h1 align="left">Billing Info</h1> 
    <table border="1" cellpadding="2px" align="left"> 
     <tr><td>Order Total:&nbsp;&pound;</td><td><?=get_total_with_shipping()?> </td></tr> 
     <tr><td>Your Name:</td><td><input type="text" name="name" /></td></tr> 
     <tr><td>Address:</td><td><input type="text" name="address" /></td></tr> 
     <tr><td>Email:</td><td><input type="text" name="email" /></td></tr> 
     <tr><td>Phone:</td><td><input type="text" name="phone" /></td></tr> 
     <tr><td>&nbsp;</td><td><input type="submit" value="Place Order" /></td></tr> 
    </table> 
</div> 
</form> 
</body> 
</html>

由于我的评价，我无法发布图片，但任何建议，将不胜感激。

来源

2012-03-23 Jason Green

'align'属性已被弃用。使用单独的CSS样式表并加载到你的HTML然后尝试用'float'或'display：inline-block' – elclanrs 2012-03-23 01:53:29

我不清楚你想要做什么。表单和表格出现在页面的左侧，而不是右侧：http://jsfiddle.net/DUUuJ/ – kinakuta 2012-03-23 01:54:44

我们不清楚您究竟需要什么，因为我已经检查过您的代码，表单即将到来在左侧包括标题计费也检查小提琴： - http://jsfiddle.net/AmHke/ – 2012-03-23 04:45:02

不太清楚你的问题和其他人一样，但我给它一个镜头：

有一个在你的首页的整个源代码。如果这是“中间”部分，那么你可能使用了多个元素。

然后将其放在里面，而不是反过来。另外，不要使用内联样式（如下所示）：而是给它一个类或一个ID，并将样式放入CSS部分。

来源

2012-03-26 09:31:52 Robert

调整表格 - css，html

回答

相关问题