//stylesheet.css
* {
border: 1px dashed #0000FF;
}
I recieve the error:
Oops, try again. It looks like your border-width isn't 1px.
I have also tried:
* {
border-width: 1px;
border-style: dashed;
border-color: #0000FF;
}
with no luck. Thank you in advance for any information.
EDIT: Found the answer, you must have your browser-zoom set to 100%.
issue resolved in this post
Well it definitely hasn’t worked for me. I tried FF, Chrome, E and nothing…
.div {
border: 1px solid black;
background-color: #CC0000;
margin: 10px 5px 5px 50px;
padding-top: 0px 30px 0px 10px;
}
Anybody else have this problem and the zoom thing did NOT work?
The problem you have is that your css selector start with a dot (
.div`), which will select any html elements with class div, but you want to select the div element, so remove the dot
Thank you stetim94 and I tried that but still to no avail.
The same error :
Oops, try again. Did you set your div>'s border to 1px wide?
My code is now:
div {
border: 1px solid black;
background-color: #CC0000;
margin-top: 10px 5px 5px 50px;
padding-top: 0px 30px 0px 10px;
}
(fyi…added margin-top per my oversight of original instructions)
So your zoom is good, can i see your <link>
to stylesheet?
margin-top should be margin, and padding-top should be padding. margin-top and padding-top can only have one value.
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>Result</title>
</head>
<body>
<div></div>
</body>
</html>
I’ve also removed the ‘top’ specifics. nothing
/*Add your CSS below!*/
div {
border: 1px solid black;
background-color: #CC0000;
margin: 10px 5px 5px 50px;
padding: 0px 30px 0px 10px;
}
Thats all of it.
Code is fine, maybe one final attempt for a different browser? Otherwise i am out of ideas
Yes that I have done as well. Thanks for trying I really appreciate the help, hopefully this will get remedied.
Even with the latest version of your code?
Wow… good call! It worked in Chrome
Thank you! I feel much better going to bed now. 