0

請求書や利用規約などのドキュメントを生成するために、編集可能で印刷可能なフォームをhtmlで作成しています。それは私の小さなビジネスのためです。私はそれがすべて正しいと思ったが...

HTML：

<h1>Artikel 1</h1>
Spotlight Student gaat akkoord met de levering van diensten voor de klant in de volgende vorm:<br><br>
<ul>
   <li>Gelegenheid: <span contenteditable>Evenement</span></li>
   <li>Datum: <span contenteditable>Datum van evenement</span></li>
   <li>Tijd: <span contenteditable>Tijd van aankomst</span></li>
   <li>Locatie: <span contenteditable>Adres Locatie</span></li>
   <li>Geleverde dienst: <span contenteditable>Overeengekomen dienst</span></li>                
</ul>

CSS：

li { margin-left: 25px; list-style-type: square;}

フォームのこの部分であるリストをコーディングしていたとき、Google Chromeでローカルに開いたときに完全に表示されました：http：//i77.photobucket.com/albums/j64/kippendrecht/listoffline_zpsabe5ff34.jpg

しかし、それをWebサーバーにアップロードし、オンラインでページを表示したとき、まだGoogle Chromeで、すべてのマークアップが消えていました：http: //i77.photobucket.com/albums/j64/kippendrecht/listonline_zps5e3d8add.jpg

何が悪かったのか？

4

1 に答える 1

0

この問題の考えられる原因は2つだけです。

  1. CSSファイルが正しく含まれていませんでした。
  2. スタイルをオーバーライドするか、より具体的なセレクターを使用するか、オーバーライドを削除してみてください。

見出しも異なって見えるので、最後のものはより可能性が高いです。

編集：さらに、ulにを適用し、がに設定されてlist-style-typeいる場合はパディングがあることを確認します（このフィドルを確認してください：http：//jsfiddle.net/aye2y/）。これは、オンラインでのみ使用するCSSリセットによって実行される場合があります。list-style-positionoutside

于 2013-01-21T15:49:51.783 に答える