webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

2016-05-22から1日間の記事一覧

ul でアコーディオン

html ここでのマークアップがすべてです。 クラス名の付け方にもセンスが必要です。 <div class="accordion"><ul class="nav"> <div class="category">家具・インテリア</div><ul class="menu"><li><a href="#">ソファ</a></li><li><a href="#">ベッド</a></li><li><a href="#">テーブル</a></li><li><a href="#">チェア</a></li></ul> <div class="category">ステーショナリー</div></ul></div>

jQuery 復習 定義型リスト で アコーディオンメニュー

定義型リスト をセンタリングする。 dl にはwidth を指定する dt には cursor: pointer; でクリックできるように見せる。 リストをbody のセンターに配置しようと思うならば、↓ではダメですね。 dt, dd の親は dl だから、親に対するセンターになってしまい…

jQuery 復習 箱で遊ぶ

一週間の復習。箱を作って、クリックすると閉じて見えなくなるようにする。 高さがなくなるから、再びslideDownしようがない… また、jQuery のファイルとのリンクを間違えてロスタイム。 「../」では1階層外に出てしまう。 index.htmlとjQuery の入っている…