度々お世話になっております。
現在、過去に制作したHTMLページをスマホ対応にするための作業をしています。
スマホ対応表示は完成したのですが、
表題にございます、ドロップダウンメニューの付け方だけ苦戦しております。
今回、スマホで表示した際にドロップダウンメニューは「三」のような画像を使って表示をし、
そこが押されると、全体が下にずれてメニューが表示されるようにしたいと考えております。
そこで、jQueryのプラグイン「SlickNav」を利用しようかと思います。
最初はコピペですが、一通りコードを打ち込みました。
その結果めでたくページの一番最初に表示させることはできました。
そこから自分の知識を絞りだし、ヘッダに当たる部分にメニューを表示させようとしましたが、知識不足ということがありうまいようにできませんでした。
ヘッダにはロゴと、ドロップダウンメニューを表示させたく、
ロゴをfloat:left、ドロップダウンメニューをfloat:rightにて分けています。
まず、
・SlickNavプラグインだとメニューの表示が画像ではなく文字になっているためそこを独自の画像に変更をしたい
ということと
・float:rightの処理をしているためメニューをクリックするとfloat:rightの領域の大きさしか表示がされない→横いっぱいに表示をさせたい
という2点が改善できずにいます。
ソースも何もなく、文章もわかりにくいものかと思います。
プラグインではなく、CSSなどで改善できればということも考えています。
ご教授頂ければと思います。
宜しくお願い致します。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/06/13 14:36