Lesson 25 seems to have a bug that I can't get past


#1

I'm stuck at exercise 25: https://www.codecademy.com/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b

I keep getting the same message: "Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?"

I have added that border. Here is my code:

h1 {
    font-family: Verdana, sans-serif;
    color: #576d94;
}
p {
    font-family: Garamond, serif;
    font-size: 18px;
    color: #4a4943;
}
img {
    height: 100px;
    width: 300px;    
    border: 1px solid #4682b4;
}

For completeness, here is my index.html too: 
<!DOCTYPE html>
<html>
	<head>
	    <link type="text/css" rel="stylesheet" href="stylesheet.css" />
		<title>Result</title>
	</head>
	<body>
	    <h1>Big heading</h1>
	    <img src="http://bit.ly/NnVbxt"/>
	    <p>Excellent paragraphs start with a capital letter and end with a period, and they ideally have several related sentences on a given topic in between the capital letter and the period.
	    </p>
	</body>
</html>

I wonder how many users drop out of this course at this question...There's been a lot of forum feedback on Lesson 25. When are you guys going to check your own code? (I'm using Chrome, by the way, and please don't ask me to clear cache or something like that.)


#2

@anruja,
Try using

<img src="http://bit.ly/NnVbxt" />

( an extra space between the src and /> )

I have tried your code in a windows 8.1 IE11 environment
and got a pass...


#3

Well, i am going to say something like that. Ensure your browser zoom is set to 100% (this can be done with ctrl + 0 or cmd + 0 for mac, in most cases)

zoom level affects the border width


#4

Ctrl+0 worked. Thanks. The fact that something so arbitrary affects my precise code seems totally stupid to me. But if that's the most common reason that someone's border size doesn't work, why don't you add a suggestion about that possibility into your error message? (It would be miles better than just repeating the insulting "Oops" message over and over as though we're idiots, wouldn't it?)


#5

Thanks for the suggestion. I tried it, but that didn't satisfy the code checker. Only Ctrl+0 worked (browser zoom).


#6

hola yo suleo tener el mismo problema no me deja avanzar mas de alla me pide border:1px solid red; pero lo coloco el el editor ccs y no me deja avanzar
aqui la imagen de prueba


#7

Also ensure your browser zoom is correct. You have a question mark after red, which shouldn't be there


#8

I am also having this issue, but it's because the source image link given to us (the http://bit.ly/NnVbxt) is a 300px height, 1000px width image now, not the 100x300 the source wants of us.


#9

Thanks! solved my issue


#10

Ctrl=0 worked for me. But I have to say this is a poor test implementation. I NEED to increase browser zoom because of my eyesight. Please comprehend that you're not just testing people with perfect vision and adjust your validations to do something like... I dunno. Actually parse the CSS to see if they provided the requested data?


#11