Help - Search - Members - Calendar
Full Version: Can't code the buttons right
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
Neoed
So I'm trying to code my nav links into boxes like these:

http://i132.photobucket.com/albums/q39/neo...psn9n9yfbi.jpeg

but I'm getting this:

http://i132.photobucket.com/albums/q39/neo...zpss8qrqr2b.png

The text style direction none isn't working as well to remove the bullets. I've played with it a little but it just isn't working out right. Anyone know what I could be doing wrong? Any help is appreciated.

pandy
Please post the HTML to go with that.
Neoed
Sorry about that, the html:

pandy
The bullets are on the LIs not on the UL. And margin and padding can be placed both here and there depending on browser. I usually do it all in one fell swoop. Like this.

CODE
nav ul, nav li   { list-style: none;
                   margin: 0; padding: 0 }


That seems to get it about right. You can add back any margin and padding you may actually want below that rule.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2019 Invision Power Services, Inc.