www.wanichan.com

Web > Expression > FAQ > Webページの作成

アウトラインリスト作成の問題について

  • このエントリーをはてなブックマークに追加
特定のスタイルプロパティが適用された場合において、アウトラインリストを期待通りに作成ができない問題について説明します。

概要

<li>タグにmargin-leftプロパティを適用した場合、以下のようなアウトラインをデザインビューで思い通りに編集することができません。

HTMLコード

<html>

<head>
<meta content="ja" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>test</title>
<style type="text/css">
li {
margin-left: 5px;
}
</style>
</head>

<body>

<ul>
<li>あいうえお<ul>
<li>ここの先頭で Shift + TAB キーを押してもインデントが下がらない、また、「箇条書き」アイコンをクリックしても下がらない。</li>
</ul>
</li>
</ul>

</body>

</html>

デザインビューでの結果

  • あいうえお
    • ここの先頭で Shift + TAB キーを押してもインデントが下がらない、また、「箇条書き」アイコンをクリックしても下がらない。

上記のアウトラインにおいて、2項目目の先頭にカーソルを移動してからツールバーの(箇条書き)ボタンや(インデント解除)ボタンを押下しても、その項目が「あいうえお」の項目と同じレベルになりません。

対処方法

<li>タグのスタイルにmargin-leftプロパティを適用しないようにします。

状況

たぶん、これはExpression Web 2の問題だと思われます。なお、Expression Web 4では、この問題は発生いたしません。

スポンサーリンク
INDEX
  • このエントリーをはてなブックマークに追加

問題は解決しましたか?

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

▲このページのトップへ