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]
-~----------~----~----~----~------~----~------~--~---
