Well i know there is a code for this and im goign to ask. I need a code which desplayes a bullet after every
code in a style.
| Code: |
| <br> |
CSS Bullets
Try inserting the <br/> element in the <li></li>
should look something like this :
should look something like this :
| Code: |
| <ul>
<li><br/></li> <li><br/></li> </ul> |
Ye but what i want is my own custom bullet to appear. If i do it with css, it will take less time and space. So how do i do it with css ?
I know this works in Firefox and I also know that it does NOT work in Internet Explorer (at least the version I have).
The HTML
The CSS:
The image being the custom bullet.
However a better method (i think) would be to use an unordered list, with custom bullets. That way the spacing will be perfect afterward.
This is what I mean:
The HTML
The CSS
This is just off the top of my head, you may want to go check out W3 Schools for more on the :before and :after Pseudo Elements.
I dunno, I hope this helped. Fool around a bit and see what you come up with. PM me if you have questions.
Happy coding.
The HTML
| Code: |
|
<br /> [SOME TEXT] <br /> [SOME MORE TEXT] |
The CSS:
| Code: |
|
br:after { image:url(' <filepath> '); } |
The image being the custom bullet.
However a better method (i think) would be to use an unordered list, with custom bullets. That way the spacing will be perfect afterward.
This is what I mean:
The HTML
| Code: |
|
<ul type="none"> <li>some stuff</li> <li>some more stuff</li> </ul> |
The CSS
| Code: |
|
li:before { image:url(' <filepath> '); } |
This is just off the top of my head, you may want to go check out W3 Schools for more on the :before and :after Pseudo Elements.
I dunno, I hope this helped. Fool around a bit and see what you come up with. PM me if you have questions.
Happy coding.
 |