25. Size and borders


#1

Please help me getting rid of this error "Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?"
Below is my css:

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

and here goes html body:

<body>
    <h1>Anything!</h1>
    <p>Para</p>
    <img src="http://st2.depositphotos.com/thumbs/1001004/image/5604/56045845/api_thumb_450.jpg" />
</body>

Things I tried already:
- ctrl + 0
- refresh F5
- reset code
- change browser

Please suggest what is wrong here!!?


25 size and borders
#2

please try using this image:

https://s3.amazonaws.com/codecademy-images/CC_Symbol_Blue.png

If you still don't succeed then paste in your full HTML including head tags


#3

2 posts were split to a new topic: 25 size & borders


#4

I ran into nearly the same thing. On Chrome 55.0.2883.87, I had to zoom to 80%.

<!--- Index.html -->
<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	</head>
	<body>
	    <h1>Anything</h1>
	    <p>this</p>
	    <p>this</p>
	    <img src="https://s3.amazonaws.com/codecademy-images/CC_Symbol_Blue.png" />
	</body>
</html>

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

#5

Same problem here in Google Chrome.
Closed this browser en tried it in Internet Explorer.
Solved the problem! :smiley:


#6

same problem:
Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?
Yes I did. I even tried it inline and nothing works, using Chrome. I can't move on with this bug, please help.

<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<link type="text/css" rel="stylesheet" href="stylesheet.css">
	</head>
	<body>
    	<img src="https://s3.amazonaws.com/codecademy-images/CC_Symbol_Blue.png
">
	    <h1>Patrick Grady</h1>
	    <p>that's my name</p>
	</body>
</html>

stylesheet.css

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;
}


#7

Your closing " for the image URL is not the next line...

Keep in mind the syntax:

<img src="IMG-URL" />

Probably was a zoom/size issue if it worked on another browser


#8