STUDY

WEBデザイナーを目指すブログ。主に自分の知識整理用。独り言。

なんでや

 

HTML/CSSの課題なう。

聞く前にすべて自力でやりたいので頑張ってやっているけども、難しい~!

 

トラブル1

floatで横並びにしたグローバルナビの隣にメイン画像が来てしまう。

 

ulはブロック要素なのに、なぜ?

clearfixもした。

 

なんでなんでなんで!

ずっと格闘してるんですけど!

隣にくるなああああああああああ

 

 

トラブル2

変な影。←

 

検索ボタンで角丸にしようと思って

border-radius: 5px;

CSS表記してブラウザで確認してみたら、確かに角丸にはなってるんだけど、なんかボタンの影のようなものも作られているではないか!

この余計な影のようなものだけは消したいんだけどどうやったら消せるのか?

 

というかこれそもそも影?なんなんだ?と思って調べたら、ボックスシャドウの存在を知った。

これとはなにか違うのか?と思い、試しに下の表記を加えてみた。

box-shadow: 4px 4px #000000;

 そしたら、影のようなものの下にさらに影がwww

まあ、当たり前といえば当たり前なのですがw

これは仕様なのですかね。。

まあ、そこまで深刻な問題ではないので後々解明させるとしよう。

 

 

 

よくよく考えてみると、今まで私はリストが入ることによってなにかしらの問題を生じさせてることが多いな~。

そしてそのリストを横並びにするとさらに抱える問題が増えるというw

 

float、頭こんがらがってきて苦手だ(泣)

 

これらともっと向き合って戦わないとだ(`・ω・´)