Creating Lists
Bullet list are one of the things we use quite often when we want to highlight facts in a lens. Up until now we were not able to put boxes around bullet lists, but that is changing now. We have come up with a way to do it.
The Different Types of Bullet Lists
- Okay, lets have a little bit of fun with bulleted Lists. Here is a list of different bullets that can be used when you need to create a bullet list.
- Circle
- Square
- Disk
- decimal
- lower-alpha
- upper-alpha
- lower-roman
- upper-roman
About The Types Of Bullet Lists
Squares are self explanatory. Disks and circles are similar. Circles do not have fill ins, but the disks do. They both are in the shape of a circle. Decimals are numbers like 1, 2, 3, 4 and etc. The alphas are letters like a, b, c and so on. Upper and lower are the cases of how the letters show up. Roman is the roman numerals.
How Do I go About and Add Bullet boxes around my bullet Lists?
This Is real Easy.
Here is the code for you:
<ul style="list-style-type: square;border: dotted 2px #000000; background:#330033;-moz-border-radius: 15px; -khtml-border-radius: 15px; -webkit-border-radius: 15px;color: #ffffff">
<li>your text here</li>
<li>your text here</li></ul>
Bullet List With Images!!!
Would you like to get something like this?
This is what you need to do. I am giving you the exact code here as what is in this box at the moment. <p style="border:solid 2px #DAA520; background: #FFE4B5; padding: 5px;"><img style="http://images.newhorizonspaces.com/1247193191/gallery_3_3581.png" align="left" /><b style="margin:5px;font-weight: normal">your text here</b></p>
Do Not Forget To Check Out My Borders and More Lens
It has a lot of valuable information that you can use. Some of the border information that I have given you on this lens is available on my borders and more lens.
-
Borders and More
-
When it comes to HTML and CSS, sometimes we want to have borders around our text to spice up your pages. There are a variety of different types of borders. You have regular ones and then rounded ones. Please remember not everything works in all brows...
Did You Learn Something?
Feel free to leave your comments here. If you have a question, feel free to ask away.
If you like this lens, please make sure that you rate it
Do you want to create a lens like this one? Just click here to start writing your lens today.
-
Reply
- Michey Michey Jul 4, 2009 @ 7:20 pm
- excellent info, I like bulleted lists and I use a lot of them, now I know how to use images for them
thanks
michey
- Reply
-
Reply
- LindaJM LindaJM May 15, 2009 @ 1:29 am
- Very impressive lens. I like the dark boxes with white text.
-
Reply
- Jimmie Jimmie May 13, 2009 @ 9:46 pm
- I've been wanting to know how to get bulleted lists INSIDE of a box! Thank you! Can't wait to play around with this!
-
Reply
- Trekkiemelissa Trekkiemelissa May 13, 2009 @ 5:28 pm | in reply to Mickie_G
- Remember you can change the colors of the background though.
- Load More
Need More Help?
-
HTML And CSS Mentor
-
Many of you start writing your lenses without any HTML and CSS, but as you start understanding Squidoo, you want to learn how to spice your lenses up. HTML and CSS is just the ticket that you may be looking for. Here, on this lens, you will learn fr...
