Home/ Questions/Q 9176207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T17:03:41+00:00

I’m making an editable and printable form in html, to generate documents like invoices

  • 0

I’m making an editable and printable form in html, to generate documents like invoices and our terms and conditions. It’s for a little business of mine. I thought I had it all correct, but…

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;}

When I was coding this part of the form, a list, it displayed perfectly when I opened it locally in Google Chrome: http://i77.photobucket.com/albums/j64/kippendrecht/listoffline_zpsabe5ff34.jpg

But when I had uploaded it to my webserver and viewed the page online, still in Google Chrome, all the mark up was gone: http://i77.photobucket.com/albums/j64/kippendrecht/listonline_zps5e3d8add.jpg

What went wrong?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are only two possible causes for this problem:

    1. The CSS file didn’t get included properly.
    2. You override the style, try using a more specific selector or eliminate the override.

    The last one is more probable since the heading looks different, too.

    Edit: Additionally, apply the list-style-type to the ul and make sure it has some padding if list-style-position is set to outside (Check out this fiddle: http://jsfiddle.net/aye2y/). This may be done by a CSS reset you only use online.

    • 0