コピペはとても便利ですが、じゅうぶん理解して利用するのが基本。
理解が伴っていないと、上手く行かなかった時その原因がなかなかわからないです。
例えば 4月13日の記事
の問題のホクロは、visibility : hidden;がbisiblity:hidden；と"i"が抜けてしまっていたためでした。
意味をよく理解せずに使用していたので、想像が及びませんでした。
スタイルシートの一か所に”i”の一文字を加えるだけで済むことを、何と苦労していること！
そこでしっかり記憶にとどめようと、display:none;とvisibility:hiddenの違いを下に図解で説明。
まず、ブルー、ピンク、黄色のボックスを縦に並べました。↓
ああああああああああああああああああああ
いいいいいいいいいいいいいいいいいい
ううううううううううううううううううううううううううううううううううううう
ピンクのボックスに display : none;を設定すると
↓
あああああああああああああああああああああああああああああああああああああああああああああ
いいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいいい
うううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううううう
同じくピンクのボックスに visibility : hidden;を設定すると
↓
ああああああああああああああああああああああああああ
ううううううううううううううううううううううううううううううううううう
ホームページ作成ソフトを利用すると、こういう単純なスペルミスは起きようがないのだけど。
気まぐれに手書きして失敗の例です