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

JavaScript Treehouse Club: JavaScript Car Sounds Background Color, Margin, and Padding

Posted by lukehegarty
lukehegarty
7,497 Points

Hello, I believe I have submitted the correct code however the page is saying that I haven't. a { padding 10px; }

Hello, My task is to change the padding element of <a> on the stylesheet to 10px. I believe I have submitted the correct code however the page is saying that I haven't. a { padding 10px; } Please check this for me to see if any errors on my part have prevented this from working. Thanks

css/style.css 
/* Background Color */
html {
  background: #3D475F;
  background-color: #99E6FF;
}


/* Body */
body {
  margin: 0 auto;
  max-width: 800px;
}

/* Images */
img {
  width: 100%;
}

.car { 
  display:block;
  margin: 40px auto;
  padding: 0;
}


/* Links */
a {
  padding: 10px;
  background: transparent;
  border: 0;
  display: block;
  float: left;
  margin: 0;
  outline: 0;
  padding: 0;
  width: 33%; 
}
index.html 
<!DOCTYPE html>
<html lang="en">

  <head>
  <meta name="charset" value="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=0.5, maximum-scale=0.5, minimal-ui">
    <title>Car Sounds</title>

    <!--Style Sheet link-->
    <link rel="stylesheet" type="text/css" href="css/style.css">
  </head>

  <body>

    <!--Car image -->
    <img src="images/bike.png" class="car" alt="car">


    <!--Button-->
    <a href="javascript:bikeBell();"><img src="images/bikeLock.png" alt="key"></a>


    <!--Audio Files-->
    <audio id="bikeBell" src="sounds/bikeBell.mp3" preload="auto"></audio>


    <!--Javascript-->
    <script type="text/javascript">
        function bikeBell() {
            document.getElementById('bikeBell').play();
        }

    </script>

  </body>

</html>

2 Answers

Vittorio Somaschini
Vittorio Somaschini
33,371 Points
Vittorio Somaschini
Vittorio Somaschini
33,371 Points

Hello Luke.

The problem is that you inserted the new value for the padding of the links, but you did not delete the old value. This means that the compiler still finds 0 as the last value for padding!

;) Vitto

lukehegarty
lukehegarty
7,497 Points
lukehegarty
lukehegarty
7,497 Points

Thank you Vittorio =]