Menu
The bullets in IE8 are so small, I tried changing the font-size, but that didn't work. Code:
<ul style="padding:0; margin:0; margin-left:20px;"> <li>item 1</li> <li>item 2</li> </ul> Is there any way to do this without using an image for the bullet?
334
Click the bullet or number that has moved out of position. On the Home tab, under Paragraph, click the arrow next to Bullets or Numbering. Point to Change List Level, and then click the level that you want.
The size of a bullet is defined by the browser, font, and font size. Although you can sometimes increase the size of the font to increase the bullet size, a better solution is to use an image as a bullet.
You could do this in an IE8 conditional comment...
ul { list-style: none; } ul li:before { content: "•"; font-size: 170%; /* or whatever */ padding-right: 5px; } jsFiddle.
In IE7, you could prepend the bullet via JavaScript and style it accordingly.
138
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
