なぜか理解不能!

4月に半ばになり、桜がもう若葉に入れ替えてきましたね。

外の気温もだんだんと上昇してきましたね…

外に出かけるとほぼマスクをしてる人が多いんですね…

でも、外で外出するときはほぼマスクしていない人が何人か見かけるようになりました。

みんなが、マスクを脱却する日は数年後になるんじゃないかね?

さてと、話題に入りましょう!

なぜか理解不能!

ある業者がWebページを作成した後に、なぜかトラブルでこっちに低価格でページレイアウトを変えてほしいという依頼がたまにあります!

ある業者のWebページの中身を見たところ、めっちゃ理解不能の独自でリセットスタイルが組み込まれてました…

<table class="tablelist">
	<thead>
		<tr>
			<th>タイトル名</th>
			<th>要約</th>
			<th>概要</th>
		</tr>
	</thead>

	<tbody>
		<tr>
			<td>タイトル名</td>
			<td>要約</td>
			<td>概要</td>
		</tr>

		<tr>
			<td>タイトル名</td>
			<td>要約</td>
			<td>概要</td>
		</tr>

		<tr>
			<td>タイトル名</td>
			<td>要約</td>
			<td>概要</td>
		</tr>
	</tbody>

	<tfoot>
		<td colspan="3">※ テキストテキストテキスト</td>
	</tfoot>
</table>

上記のテーブルレイアウトは基本的にできて問題なしなんですが…

CSSではどうなん?

.tablelist{
	border: 3px solid #666;
	border-collapse:collapse;
	display:block;
	margin:0 auto 60px;
	padding:0;
}

.tablelist th,
.tablelist td{
	border:1px solid #999;
	margin:0;
	padding: 10px;
	vertical-align:middle;
}

上記のCSSを見て何か気づいたことありますか?

正解はまた後日にご説明しますね!

では、また!

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Leonard-Blogをもっと見る

今すぐ購読し、続きを読んで、すべてのアーカイブにアクセスしましょう。

続きを読む