Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS How to Make a Website CSS: Cascading Style Sheets What is CSS?

Posted by Aryan Jain
Aryan Jain
Courses Plus Student 302 Points

I have applied style sheet , and dots of Unordered list should be removed but they are still there at bottom....

I have applied style sheet , and dots of Unordered list should be removed but they are still there at bottom.... so please tell me what is error in code

Code::

<!doctype html> <html> <head> <meta charset="utf-8"> <title>Website Designer</title> <link rel="stylesheet" href="css/normalize.css"> </head> <body> <header> <a href="index.html"> <h1>Nicky</h1> <h2>Designer</h2> </a> <nav> <ul> <li><a href="index.html">Portfolio</a></li> <li><a href="about.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> </header> <section> <ul> <li> <a href="img/numbers-01.jpg"> <img src="img/numbers-01.jpg" alt=""></li> <p>Experimentation With Colors and Textures</p> </a>

            <li>
                <a href="img/numbers-02.jpg">
                <img src="img/numbers-02.jpg" alt=""></li>
                <p>Playing With Blending Modes in Photoshop</p>
                    </a>


               <li> <a href="img/numbers-06.jpg">
                <img src="img/numbers-06.jpg" alt=""></li>
                <p>Trying to Create an 80's Style of glows</p>
                    </a>

                <li> <a href="img/numbers-09.jpg">
                <img src="img/numbers-09.jpg" alt=""></li>
                <p>Drips Created Using Photoshop Brushes</p>
                    </a>

               <li> <a href="img/numbers-12.jpg">
                <img src="img/numbers-12.jpg" alt=""></li>
                <p>Creating Shapes Using Repitition</p>
                    </a>
        </ul>
    </section>
    <footer>
        <a href="http://twitter.com/#"><img src="img/twitter-wrap.png" alt="Twitter Logo"></a>
        <a href="http://facebook.com/#"><img src="img/facebook-wrap.png" alt="Facebook Logo"></a>
        &copy; 2014 Nicky Designs
    </footer>
</body>

</html>

3 Answers

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Hi Aryan,

If all you have done at this point is include "normalize.css" then you should still have bullet points at the bottom left corners of your images.

You will remove them later when you start writing "main.css"

Aryan Jain
Aryan Jain
Courses Plus Student 302 Points

you are right, thanks a lot :)

cathymacars
seal-mask
.a{fill-rule:evenodd;}techdegree
cathymacars
Full Stack JavaScript Techdegree Student 15,941 Points
cathymacars
.a{fill-rule:evenodd;}techdegree
cathymacars
Full Stack JavaScript Techdegree Student 15,941 Points

The code appears to be incomplete... I mean, it appears to start at <!doctype html>, I suppose, which is outside the code block for some reason. But after that, the header tags & opening body tag are missing. Also, no html tags. Is the code literally like that or did it get messed up when posting? Also, I need to take a look at the CSS to be able to help you. So, please post the complete HTML & CSS files. The one thing I can tell you is wrong, though, is that the closing anchor tag should be inside the list item tags.

Aryan Jain
Aryan Jain
Courses Plus Student 302 Points

code was messed up at time of posting ..... and i got it .... as jason said that there will be dots at bottom , thanks catarina for help :)

Jason Anello
Jason Anello
Courses Plus Student 94,610 Points

Aryan,

Make sure you do fix your li's though. I missed that. Have your closing </li> after the closing </a>

Aryan Jain
PLUS
Aryan Jain
Courses Plus Student 302 Points
Aryan Jain
Aryan Jain
Courses Plus Student 302 Points

Jason Anello ,

Thanks , I have corrected it , thanks a lot for this great tip :D