1
ヘイア私はこのCSSとウェブデザインの基本です。私は請求情報テーブルとフォームを整列させておきたいと思います。私はすべてを試しましたが、これは最後の手段です。フォームとタイトルの請求は、ページの右側にあります。フォームの整列 - CSS、html
これはフレームワークであり、ヘッダー、フッター、ナビゲーション、サイドがあり、メインページに含まれています。
ここには、中間のインクルードのコードがあります。
<!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: £</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> </td><td><input type="submit" value="Place Order" /></td></tr>
</table>
</div>
</form>
</body>
</html>
私の評価のために画像を掲載することはできませんが、提案は歓迎されます。
'align'属性は推奨されていません。別のCSSスタイルシートを使用してHTMLにロードしてから、 'float'または' display:inline-block'を試してください。 – elclanrs
あなたのやりたいことについてはっきりしません。フォームとテーブルは、ページの左側に表示されますが、右側には表示されません。http://jsfiddle.net/DUUuJ/ – kinakuta
フォームに表示されるコードにチェックが入っているため、正確に何が必要なのか明確ではありません左側には見出し請求も含まれています:http://jsfiddle.net/AmHke/ –