Open Source Tutorials - Open Source Training
Open source training & tutorials from experienced, passionate people
chrome icon firefox icon ie icon opera icon safari icon Sings in these Browsers
A- A A+

By A Web Design

Welcome, Guest
Username Password: Remember me

List not showing bullets
(1 viewing) (1) Guest
All your queries regarding CSS will be solved in this forum
  • Page:
  • 1
TOPIC:

List not showing bullets

List not showing bullets 9 months, 3 weeks ago #760

  • tanvi
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
I am really not understanding why this is not working. following list code with id mymenu is not showing bullets? Help me please
html:
<div id="mymenu">
<p>This is sample menu</p>
<ul>
<li><a href="#">sample menu1</a></li>
<li><a href="#">sample menu2</a></li>
<li><a href="#">sample menu3</a></li>
<li><a href="#">sample menu4</a></li>
<li><a href="#">sample menu5</a></li>
<li><a href="#">sample menu6 </a></li>
<li><a href="#">sample menu7</a></li>
</ul>
</div>

css:
#mymenu ul
{
margin:0;
padding:0;
width: 20%;
border-style:solid;
border-width:1px;
border-color:#B0D030;
}

#mymenu ul li
{
padding: .2em 1em;
}

Re: List not showing bullets 9 months, 3 weeks ago #762

  • juber
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 0
Update, they were showing but so much to the left that I could not see them
That i fixed with list-style-position:inside;
OR
put this code in your ul li
code:
ul li {margin-left: 1em; text-indent: -1em;}
  • Page:
  • 1
Time to create page: 1.15 seconds
OSV Newsletter


Receive HTML?

NOTE: To prevent subscription to the OSV newsletter, uncheck the checkbox above.
Guest Blog for OSV
Free Ebook Download