アプリ版:「スタンプのみでお礼する」機能のリリースについて

<html>
<head>
<title>test</title>
<style type="text/css">
<!--
table {
border : 1px #000000 solid;
text-align : center;
}
td,th {
border : 1px #000000 solid;
width : 100px;
}
-->
</style>
</head>
<body>
<table>
<tr>
<td rowspan="2">
1
</td>
<td>
3
</td>
</tr>
<tr>
<td>
2
</td>
</tr>
<tr>
<td colspan="2">
3
</td>
</tr>
</table>
</body>
</html>
このように入力をした場合、一番下にできるテーブル(3)2つ結合しているにもかかわらず、1つ分?の状態で文字がcenterになってしまいます。結合した(2つの)真ん中に表示させるにはどうしたらいいですか??

教えてください☆

A 回答 (1件)

CSSでtdの幅を100pxにしてるので100pxの中でセンタリングはされているようですよ。


なのでこの部分のtdの幅を別途定義してやればその幅内でセンタリングされると思います。
簡単には
<td colspan="2" style="width:200px">
3
</td>
とかにすればいけませんか?

この回答への補足

<td colspan="2" style="width:200px">
はタグに埋め込むということですね^^

.td1 {
text-align : center;
border : 1px #ff0000 solid;
width : 200px
height : 50px;
background-color : #ffeaea;
}


<td class="td1" rowspan="2">

こんな風にしてもOKってことですね^^
ありがとうございました^^

補足日時:2006/07/10 17:32
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!