専門サイト制作日記05

ナビゲーションバーの表示を修正してみました。
 
じつをいうと、前回の記事を書いているときにはすでに解決法が頭に浮かんでいました。階層構造を利用して下図の枠ごとに条件を分岐させることもできるのでしょうが、それはちょっと難しそうです。
 


そこで、いっそのことナビバーを画像で表示してしまうことにしました。モックアップの段階でサイズをきっちり決めていたため、この設定もラクにできました。
 
画像の作成にも慣れてきました。

これなら表示中のページには関係なく、業種ごとに決まった場所が白塗りになります。
 
あっさり解決できたことに気をよくし、そろそろホームページ作成も取扱業務に入れようかしらと思っていたら……
 


なるほどなるほど。白い背景に白い文字だと、人間の目には見えないんですね。
 
その部分だけ黒い文字にする腕があるのなら、最初から画像を使わずに背景と文字の色を指定しています。
 
どうやら私の技術では予定どおりに進めることができないようなので、ちょっと目先を変えてみることに。
 
navbar2

これなら白い文字でも問題なしです。
 


 
ちなみに、条件によっては、上の階層に指定したことがその下の階層にまで影響することもあるようです。例を挙げますと……
 


「宅建業」が上の階層(親ページ)です。そして、その下には「取引主任者」「事務所」「営業保証金」という3つの子ページがあります。
 
表示中のページに矢印をつける指定をして「宅建業」にアクセスしたところ、次のような表示になりました。
 
サイドバーが……

このへんに答えが隠されているような気もしますが、ここは深追いするところではないと判断しました。
 
やはり他人のホームページ作成を請け負うのはまだ早いようです。
 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です