www.wanichan.com

6. ナビゲーションをデザインする

3. ナビゲーション内リストの各項目のスタイルを設定する

続いて、箇条書きリストの各項目のスタイルを設定します。通常は縦並びですが、横並びにするためのスタイルを設定します。

  1. [スタイルの適用]作業ウィンドウの[新しいスタイル]をクリックします。
  2. [セレクタ]ボックスには、「#navigation li」と入力します。
  3. [レイアウト]カテゴリを開きます。
    リストを横並びにするために、[float]ボックスに「left」と指定します。
  4. [OK]ボタンをクリックします。

作成されたすべてのスタイルの確認は[スタイルの管理]ウィンドウで

Expression Webでは、作業中のWebページに使用されていないタグのスタイルを新規作成した場合、[スタイルの適用]作業ウィンドウ内には表示されません。[スタイルの管理]作業ウィンドウに切り替えてはじめて、すべての生成されたスタイルの一覧が表示されます。

[スタイルの適用]作業ウィンドウではタグのスタイル表示はされない
[スタイルの管理]作業ウィンドウではすべてのスタイルが一覧表示される
次のセクション
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

操作方法、設定方法等で困ったら、 Expression Web Users Forum に投稿してください!

▲このページのトップへ