Hey! Having trouble with the academy build a calculator tutorial


#1

Hello! I’m on the build a calculator tutorial and I got pretty far except I hit a road block

The Error message reads
Oops, try again. Did you give the 'a’s the cursor:pointer attribute?

It even works in the little demo - so I’m just not sure what I’m doing wrong here.

Any and all help is appretiated :):grinning:

CSS
body, div, a {
    padding:0;
    margin:0;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#calculator{
 width:310px;
 height:460px;
 margin: 10px auto;
 padding:5px;
 background-color:#999;
 border: 3px solid black;
 border-radius: 10px;
}

#total{
 height:70px;   
 width:300px;
 margin:0;
 margin-bottom:5px;
 padding: 0 5px;
 background-color: #fff;
 text-align:right;
 font-size:60px;
}

#numbers{
    margin:0px;
}
#operators{
    margin:0px;
}

#operators a{
    cursor:pointer;
    display:block;
    width:45px;
    height:45px;
    float:left;
    padding:2px;
    margin:5px 6px;
    text-align:center;
    text-decoration:none;
    color:black;
    font-size:39px;
    background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DCDCDC));
    background: -moz-linear-gradient(top, #EDEDED, #DCDCDC);
    border-radius:10px;
}

HTML
<!DOCTYPE html>
<html>
	<head>
		<title>Calculator</title>
		<link rel="stylesheet" href="style.css" />
	</head>
	<body>
		<div id="calculator">
			<div id="total">
			</div>
			<div id="operators">
				<a>+</a>
				<a>-</a>
				<a>/</a>
				<a>*</a>
				<a>=</a>
			</div>
			<div id="numbers">
				<a>1</a>
				<a>2</a>
				<a>3</a>
				<a>4</a>
				<a>5</a>
				<a>6</a>
				<a>7</a>
				<a>8</a>
				<a>9</a>
				<a id="clear">C</a>
				<a>0</a>
				<a id="clearall">AC</a>
			</div>
		</div>
	</body>
</html>






#2

Please post a link to this exercise. Thanks.


#3

you forgot the comma :wink:

#operators, a{
    /*csshere*/
}

#4

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.