DIVの中に「a img」を直接に書く方法を試行錯誤しました(^_^); imgのイメージ作りに花柄を置きましたが、「img-title」の付け方も改めて気づいたこともありで、 HTMLは書くことで学べる！と実感中です(進行形！！)。
アドバイスをいただきながら、書き直しています。下段左の画像のホバー位置が決まりません？ この画像だけ、＋css なのか！！？？ (3月11日)
下段左の画像のホバー位置の謎は解決はしました。お手本のcss をそっくりと(P要素をA要素に換えて！)で。 完成か！とスクロールしていくと、枠がふたつ残っています。 画像は並んでいるのに．．．。またまたどうして？．．．。 floatが解除されていないのか、下段右画像の位置決めが拙いのか．．． (3月13日）
昨日の講師のコーチで．．． 「解答のなかで、a要素は「divとpの子要素」として存在します。 この場合、div要素の中のa要素に反映したいわけですから div a { float:left;・・・とすればよかったのです。 a { float:left;・・では、a要素全てに反映してしまいます。」
あぁ～、footerの部分も含まれてしまうことで、何か？と思った枠が表示されてしまったのですね。 ようやく Finalanswer なりました。迷走も一休みです(^_^); (3月15日）
Index > HPS-INDEX >
DIVの中に「a img」を直接に書く方法を試行錯誤しました(^_^);
imgのイメージ作りに花柄を置きましたが、「img-title」の付け方も改めて気づいたこともありで、
HTMLは書くことで学べる！と実感中です(進行形！！)。
アドバイスをいただきながら、書き直しています。下段左の画像のホバー位置が決まりません？
この画像だけ、＋css なのか！！？？
(3月11日)
下段左の画像のホバー位置の謎は解決はしました。お手本のcss をそっくりと(P要素をA要素に換えて！)で。
完成か！とスクロールしていくと、枠がふたつ残っています。
画像は並んでいるのに．．．。またまたどうして？．．．。
floatが解除されていないのか、下段右画像の位置決めが拙いのか．．．
(3月13日）
昨日の講師のコーチで．．．
「解答のなかで、a要素は「divとpの子要素」として存在します。
この場合、div要素の中のa要素に反映したいわけですから
div a { float:left;・・・とすればよかったのです。
a { float:left;・・では、a要素全てに反映してしまいます。」
あぁ～、footerの部分も含まれてしまうことで、何か？と思った枠が表示されてしまったのですね。
ようやく Finalanswer なりました。迷走も一休みです(^_^);
(3月15日）