左揃え
- 0 名前： 洋 ： 2005/04/01 08:43
- <table width="100%" ID="area_middle1">
<tr>
<td>
<a href=".htm"><font size=3 color=#ffffff><b>メニュー1</b></font></a> <font size=3 color=#ffffff>11111111111111111111</font>
<br><br>
<a href=".htm"><font size=3 color=#ffffff><b>メニュー2</b></font></a> <font size=3 color=#ffffff>22222222222222222222</font>
<br><br>
<a href=".htm"><font size=3 color=#ffffff><b>メニュー3</b></font></a> <font size=3 color=#ffffff>33333333333333333333</font>
<br><br>
<a href=".htm"><font size=3 color=#ffffff><b>メニュー4</b></font></a> <font size=3 color=#ffffff>44444444444444444444</font>
<br><br>
</td>
</tr>
</table>
上のタグなんですけど・・どうしてもメニュー2から位置が変わってしまいます。
変わるというのは↓このようになることです。
●メニュー１● ★１１１１１１１１１１１１１１１１１１１１★
●メニュー２● ★２２２２２２２２２２２２２２２２２２２２★
●メニュー３● ★３３３３３３３３３３３３３３３３３３３３★
●メニュー４● ★４４４４４４４４４４４４４４４４４４４４★
↑このように表示されてしまいます。どうしたら、「始まり」を揃えられるのでしょうか？
どなたか教えてください。
- 1 名前： カヅサツ ： 2005/04/01 08:59 ［URL］
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
body{
color: #FFFFFF;
background-color: #000000;
}
a:link{
color: #FFFFFF;
}
a:visited{
color: #00FF00;
}
table#area_middle1{
width: 100%;
border-collapse: collapse;
}
table#area_middle1 th{
width: 5em;
text-align: left;
white-space: nowrap;
padding: 1px 1px 1em 1px;
vertical-align: top;
}
table#area_middle1 td{
vertical-align: top;
}
</style>
</head>
<body>
<table id="area_middle1">
<tbody>
<tr>
<th><a href="">メニュー1</a></th>
<td>11111111111111111111</td>
</tr>
<tr>
<th><a href="">メニュー2</a></th>
<td>22222222222222222222</td>
</tr>
<tr>
<th><a href="">メニュー3</a></th>
<td>33333333333333333333</td>
</tr>
<tr>
<th><a href="">メニュー4</a></th>
<td>44444444444444444444</td>
</tr>
</tbody>
</table>
</body>
</html>
- 2 名前： 洋 ： 2005/04/01 14:32
- これに変えればいいんですか？
やってみます。ありがとうございました。
