Curious that Jamic C's solution doesnt work for you? Floating each li left will have them all showing on one line.
Why do you have to use display:inline? On 18 Aug, 20:10, Eric <[email protected]> wrote: > Jamie, > I don't think your CSS accounts for the list needing to have > "display:inline." But thanks for trying. :) > P.S. When you use "list-style" you don't need to also use "list-style- > type" because "list-style" is a shorthand for "list-style-type","list- > style-position","list-style-image". So really it should be: > list-style:square inside none; > Again, thanks for the help, but It seems the only way to solve the > problem is to add my own images of squares as their own <li>s. Perhaps > CSS3 has a display:"inline-list-item" property? It damn sure should. > > On Aug 18, 2:34 pm, "Jamie C." <[email protected]> wrote: > > > This works in Firefox, but I haven't tested any other browsers. > > > #footer ul li { > > float:left; > > margin-left: 12px; > > list-style:inside; > > list-style-type:square; > > > } > > On Tue, Aug 18, 2009 at 2:25 PM, Eric <[email protected]> wrote: > > > > 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] -~----------~----~----~----~------~----~------~--~---
