Webデザインについて。 CSSとHTMLを用いて表を作っているのですが、セルの大きさがバラバラにな

締切済

質問者：Rai.4
質問日時：2024/01/03 19:34
回答数：3件

Webデザインについて。
CSSとHTMLを用いて表を作っているのですが、セルの大きさがバラバラになってしまいます。
表の中に画像を2枚挿入させているのですが、入ってる列は太く、入ってない列は細くなってしまいます。
CSSのほうで
th{width:200
height:100}と設定しています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

最新から表示
回答順に表示

参考程度に

No.3

回答者： gura_
回答日時：2024/01/03 23:16

Rai.4 さん

　･････セルの大きさがバラバラになってしまいます。････････

セルの大きさを css で指定すれば良いでしょう。
例↓

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style>
table{
border-collapse: collapse;
}
th, td{
border:1px solid #a00;
}
th{
width:200px;
height:100px;
}
td{
height:200px;
}
img{
width:100%;
}
</style>
</head>

<body>
<table>
<tr>
<th></th><th>1</th><th>2</th><th>3</th><th>4</th>
</tr>
<tr>
<th>１位</th><td></td><td><img src="https://oshiete.xgoo.jp/images/v2/common/profile …
</tr>
<tr>
<th>２位</th><td></td><td></td><td></td><td></td>
</tr>
<tr>
<th>３位</th><td></td><td></td><td><img src="https://oshiete.xgoo.jp/images/feeling/qjiro/pc/ …
</tr>
</table>

</body>
</html>