Update: It would appear that it is impossible to display the bullet
points while displaying the list inline, as you cannot have li
{display:inline;} and li{display:list-item;} at the same time. I'm
perplexed as to why virtually every "horizontal list/navbar" tutorial
reminds you to explicitly remove the bullet points by changing list-
style-type to none if they can't even be there to begin with...
The only way is to use images I suppose. Rats.On Aug 18, 2:14 pm, Eric <[email protected]> wrote: > No luck. :( > > On Aug 18, 2:08 pm, "Jamie C." <[email protected]> wrote: > > > Eric, > > > Try changing to "display:inline;" to > > "display:inline-block".http://www.w3.org/TR/CSS21/visuren.html#display-prop > > > Jamie > > > On Tue, Aug 18, 2009 at 2:02 PM, Eric <[email protected]> wrote: > > > > Small problem I can't quite figure out: I have a list of links I'm > > > using in my footer. They are to be displayed inline, which is not a > > > problem. However, I actually would like the bullet points (squares) to > > > be displayed. They seem to disappear on their own upon changing the ul > > > li to display: inline, even when explicitly told list-style-type: > > > square. I'm at work so I can only test in IE8 and FF for windows xp, > > > but both are having the same problem. Here is my snippet: > > > <style type="text/css"> > > > [...] > > > #footer { > > > width: 906px; > > > color: #a70924; > > > margin-left: auto; > > > margin-right: auto; > > > text-transform: upppercase; > > > } > > > .a { > > > font-family: "Times New Roman", Times, serif; > > > font-size: 1.194em; > > > float: left; > > > } > > > .b { > > > font-family: Arial, Helvetica, sans-serif; > > > font-size: 0.651em; > > > float: right; > > > margin-right: 10px; > > > } > > > #footer ul { > > > padding: 0; > > > margin: 0; > > > list-style-type: square; > > > float: right; > > > font-size: 0.651em; > > > font-family: Arial, Helvetica, sans-serif; > > > } > > > #footer ul li { > > > display: inline; > > > margin-left: 12px; > > > } > > > #footer a { > > > text-decoration: none; > > > color: #a70924; > > > } > > > </style> > > > > <div id="footer"> > > > <span class="a">"Monetizing Liabilities</span> > > > <ul> > > > <li><a href="#nogo">Privacy Policy</a></li> > > > <li><a href="#nogo">Terms and Conditions</a></li> > > > <li><a href="#nogo">Contact Us</a></li> > > > </ul> > > > <span class="b">© Subrogation Capital Partners</span> > > > </div> > > > > What am I missing here. Are bullet points no longer allotted in inline > > > lists? I could have sworn they used to show up if I didn't ask them to > > > go away... > > > Much thanks in advance. --~--~---------~--~----~------------~-------~--~----~ -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected] -~----------~----~----~----~------~----~------~--~---
