HPS宿題 2012年02月「画像のレイアウト」

2012年02月28日 講師からの宿題
問題1 「画像を拡大したときテーブルのサイズを動かないようにする。」
問題2 「DIVとP要素を使ってTableの利用をやめる。」

以上の2問を解いてみましょう。

問題2 「DIVとP要素を使ってTableの利用をやめる。」

3度目の答えです。DIV とPを使って書くというが絶対条件!を気づかないで書いたこと。
2段に分けたDIVを1段に書く!のアドバイスを頭におき、書き直しました(*^_^*)。

更に、昨日(9日)に書き方の手順のアドバイスをいただけたので、添って考えてみました。
* 考え方の順を追うとこうです。
div { width: 1008px; }
div p { float:left; }
div p img { display:block; }
div p:hover{ position:relative; }

50%に縮小した写真レイアウト

医者と男の子と女の子

乞食達に恵む紳士

福の神

ダイヤの指輪

花に止まったアゲハ蝶

蝶の群れ

ほたる

大きな木の花に群がるチョウ達


Copyright© 2005-2012 MA-W ,