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

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

締切済

  • 質問者：Rai.4
  • 質問日時：
  • 回答数：3件

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

「Webデザインについて。 CSSとHTM」の質問画像
通報する

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

質問の本文を隠す

A 回答 (3件)

参考程度に

No.3

  • 回答者： gura_
  • 回答日時：

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>
「Webデザインについて。 CSSとHTM」の回答画像3
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： candystore
  • 回答日時：

もし、htmlを正しく記述されいるのであれば、


画像が配置されているのは、thではなくtdになります。
thはヘッダーにあたるので、1234や1位2位と書かれている部分です。
    • good
    • 0
    • 件
通報する

No.1

画像が大きいから枠が広がってるのでは？


画像サイズを指定しましょう。
    • good
    • 0
    • 件
通報する
この回答へのお礼

写真をclassで分類し、cssの方で高さ幅を指定してもなおりません。

通報する
お礼日時：2024/01/03 20:11

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

Q質問する（無料）

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報