Jump to content

CSS3 Foundations-Chapter 5-Lesson 4


crocodilehun

Recommended Posts

Hi. I this lession you are talking about changing your UL buttons in the navigation bar so that they look like circles and then you set your list-style-type for them to "none".

based on that, i've tried to do this:

in structure-ch5.css add

ul li .navlist {
list-style-type: decimal;
line-height: 200%; }

and then i've tried to add this class in the <nav>:

<nav id="navigation">
    <h2>The Main navigation</h2>
    <ul class="navlist">
        <li><a href=#>Home</a></li>
        <li><a href=#>Store</a></li>
        <li><a href=#>Blog</a></li>
        <li><a href=#>Contact us</a></li>
    </ul>
</nav>

and it does not work, nothing happens. What am I doing wrong?

 

Thanks

Edited by crocodilehun
code style
Link to comment
Share on other sites

Thanks, but... i've done this at the end of the stylesheet:

#navlist {
list-style-type: none;
line-height: 200%;
}

and then included it into .html file:

<ul id="navlist">
	<li><a href=#>Home</a></li> 
	<li><a href=#>Store</a></li>
	<li><a href=#>Blog</a></li> 
	<li><a href=#>Contact us</a></li> 
</ul>

and it still didn't changed the list style. i've even done this:

<ul style="list-style-type:none;">

didn't changed it either.

Link to comment
Share on other sites

  • 10 months later...

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...