画像が小さくならない。

リンク内容
トップ画面をトレースしています。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="LAMINA">
<meta name="description" content="福岡の服屋">
<title>
LAMINA
</title>
<link href="style.css" media="all" rel="stylesheet">
</head>
<body>
<nav>
<ul>
<li>TOP</li>
<li>ITEMLIST</li>
<li>BLOG</li>

<li><img src="image/logo.png"></li>

</div>
<li>BRAND</li>
<li>SHOP</li>
<li>CONTACT</li>
</nav>
<img src="image/top01.jpg">
<div class="haikei">
<p class="s1">LAMIA blog</p>

<table width="600" cellpadding="5" cellspacing="5"  bgcolor="white">

<tbody>
<tr>
<td width="33%">
<img src="image/top02.jpeg"/>
</td>
<td width="33%">
<img src="image/top03.jpeg"/>
</td>
<td width="33%">
<img src="image/top04.jpeg"/>
</td>
<tr>
<td>
<span style="background-color:#575757;">the laundress</span>
</td>
<td>
<span style="background-color:#575757;">ACE TEA LONDON</span>
</td>
<td>
<span style="background-color:#575757;">MAD etLEN</span>
</td>

<tr>
<td>
2020/7/11
</td>
<td>
2020/07/06
</td>
<td>
2020/07/03
</td>
</tr>
<tr>
<td>
THE LAUNDRESS ザランドレス
</td>
<td>
ACE TEA LONDON
</td>
<td>
MAD et LEN マドエレン
</td>
</tr>

</table>
</div>

<div style="padding: 10px; margin-bottom: 10px; border: 1px solid #333333;" class="more">
    MORE blog >
</div>
<p class="s2">LAMIA blog</p>
<table>
<td width="33%">
<div class="top"><img src="image/top05.jpg"/></div>
</td>
<td width="33%">

</td>
<td width="33%">

</td>
<tr>
</table>
<hr>
<i class="fa fa-twitter"></i>
<i class="fa fa-facebook"></i>
<i class="fa fa-instagram"></i>
<i class="fa fa-google-plus"></i>

 
</body>
</html>`

css```ここに言語を入力
コli img{
width:100px;
height:auto;

}

li{
list-style:none;
width:14%;
float:right;
}



 .s1 {
        display: flex;
        align-items: center;
    }
    .s1:before, .s1:after {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #000; /* 線の色を変えたいときはここを変える */
        margin:0 .4em; /* 文字と線の余白用 なくても良い */
    }
.haikei{
background-color:#F2F2F2;
}

table {
    margin-left: auto;
    margin-right: auto;
 margin-bottom:10px;
}

.gray{
background-color:#f2f2f2
}

.more{
margin-top:10px;
text-align:center;
}

 .s2 {
        display: flex;
        align-items: center;

    }
    .s2:before, .s2:after {
        content: "";
        flex-grow: 1;
        height: 1px; /* 線の太さを変えたいときはここを変える */
        background: #000; /* 線の色を変えたいときはここを変える */
        margin:0 .4em; /* 文字と線の余白用 なくても良い */
    }

.top{
width:150px;
height:80px;
}ード

どこがまちがっているかわからない。

m.ts10806

2020/07/14 06:25

https://teratail.com/questions/277504 解決してなかったのでしょうか。タイトルが同じです。タイトルは要件を記載してください。

newdeal41

2020/07/15 01:28

解決済みです。ありがとうございました。

m.ts10806

2020/07/15 01:44

質問は編集できますので要件違うのでしたらタイトルも要件にあわせてください

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

まだ回答がついていません

会員登録して回答してみよう

アカウントをお持ちの方は

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

画像が小さくならない。

関連した質問