Latest Lists

What's the HTML code to make a bullet point list show ticks?

Instead of the black dots you normally get in bullet pointed lists, I'd like ticks. One piece of coding I have is: <ul type="square"> I've tried changing the "square" to "tick" but that doesn't work. Does anyone have the correct coding please? Many thanks, Kim.

Public Comments

1. The only options for bullets are disc (filled in circle), circle or square. Unfortunately, as you've discovered, there isn't an option for tick. To make a tick you would need to create an image, say using paint, of a tick and save it (eg. images/tick.gif). Then in your html code, you could have: <ul> <li style="list-style-image: url(images/tick.gif);">Content text...</li> </ul> I found http://www.freewebtutorial.co.uk quite helpful for my web design Hope this helps.
2. You cannot achieve the ticks you wish, using HTML coding alone as HTML coding is very limited. However you can get around this by introducing a CSS style sheet. To start off use a simple graphic design package to draw a simple tick and save it as a GIF file format in the same folder as your HTML file. Open your HTML file in a text editor such as notepad and under the "Head" Tag type <style type =text/css). Underneath this type: .tick { list-style-image:url ("name of gif file in brackets") ; } Then close the style Tag </style> before closing the the head tag </head> The when you come to do the list type in the following code <ol> <li class ="tick"> (your text) </li> repeat the li coding for each item you wish to list and then when you have finished creating your list close the order list tag </ol> If you done it right you should have ticks in your list
3. if ticks as in bugs=make a tiny pic of a tick and go: <img src="TICKPICTURE.GIF" alt="DESCRIPTION"> list item1 <img src="TICKPICTURE.GIF" alt="DESCRIPTION"> list item2 <img src="TICKPICTURE.GIF" alt="DESCRIPTION"> list item3 <img src="TICKPICTURE.GIF" alt="DESCRIPTION"> list item4... by the way MAKE IT A GIF!