5月3日:html/aos修正、navbar修正(bootstrap5に変更)

aosで指定した動きにならない。

トップ画像の文字は全てfade-leftでしていたのに、前に指定した通り斜め左上・左・下から出て来たり、中間地点の文字ではfade-leftで書いてるのに右から来たり、キャッシュも消しても治らず、訳がわらないので最小のファイルを作って検証。

トップ画像では方向を書き直しても何もかわらなかったので親クラスにaosをつけてみると一緒に同じ動きで左から出てきた。

次に中間は2ブロックあるが、動き方は合わせているのに、一つのタグだけ逆方向から出てきて直しようが見つからず。

 

navbarについてもドロップダウンが出てこないのでなぜなのファイルを作ってみてみたが、CSSの要素は消して、作ってみたところ出てこず、なぜ?コピーして来ただけなのに。

本番にbootstrap5を導入してみたら初めのうちは動いていたが、間隔等を直していたらまた出てこず。

トップ画像を消して動いているか確認したら動いている。前に出してくるのはz-indexか?

 

navbarのアイコンとUlメニューの間隔を開けるため、text-alignでは動かず、どうすれば良いものかと悩んでいたが、ulにCSSではmargin-left:auto;をつけ、html上のme-autoを消してみたら間が間隔が空いた。

 

先生からアドバイスを頂いたが、navbarの透過できず。何が邪魔してるのか見当つかず。

 

aosにしてもnavbarにしてもサクサクと終わらせられたらええのになと思った。結局ほぼそれだけしかやってない。

復習

webliker.info

 

web制作の為のヒアリングシートを見てみたが、項目・形式等色々あるのでどれを参考にするのがいいのか。