アイコンやサムネイルの横にタイトルと概要文があるような時。

とりあえず、暑いっす。えぇ。 ここ最近の暑さにやられ気味なhirasawaです。そんなやられ気味な状況なので、HappyLifeも夏っぽくしてみました。 あと、弊社のベトナム事業部の女性マネージャーがブログを開始しました。 ベトナムに興味がある方や女性マネージャーに興味がある方、更新率も高いので、ぜひに。 さて、そろそろ本題に。 こんな感じで、アイコンとかサムネイルがあってその横にタイトルと概要文があるような、そんなデザインってよく見かけるかと。 今回は、これの組み方の一つとしてサンプルを用意してみました。 サンプルの確認は以下より。 サンプルを見る こういうデザインの場合、どうやって組もうか結構悩むんです。 何に悩むって、この画像をどうやってマークアップするか。 今まで多かったパターンは、基本的には定義リストを選んで、ddに入れたりしてましたが、コレだとリンクを画像とdtに張る必要があっ

[ku_marin]

どうしようかと悩んでた

[mypacecreator]

改めてチェック

[yntn247]

アイコン、サムネイル

[i8o8i]

CSS 画像と概要

[hibiki443]

画像サイズが固定の場合

[hiro_y]

アイコン/画像の横にタイトル＋説明文がある場合のマークアップ方法。なるほどー。

[tpex_ovon]

後で考える