The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Can't code the buttons right
Neoed
post Oct 24 2016, 01:08 AM
Post #1


Newbie
*

Group: Members
Posts: 17
Joined: 16-September 13
Member No.: 19,741



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.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 24 2016, 01:13 PM
Post #2


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,096
Joined: 9-August 06
Member No.: 6



Please post the HTML to go with that.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Neoed
post Oct 24 2016, 08:03 PM
Post #3


Newbie
*

Group: Members
Posts: 17
Joined: 16-September 13
Member No.: 19,741



Sorry about that, the html:

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Oct 24 2016, 10:00 PM
Post #4


Don't like donuts. Don't do MySpace.
********

Group: WDG Moderators
Posts: 18,096
Joined: 9-August 06
Member No.: 6



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.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th December 2018 - 03:27 AM