25 size & borders


#1

I'm having exactly the same issue as the original poster. To add to the issue, in the preview window, the 1px solid blue border is showing around the image. I've checked my code and believe it to be correct.

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

<!DOCTYPE html>
<html>
	<head>
	    <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title>Result</title>
	</head>
	<body>
	    <h1>Anything I want</h1>
	    <img src="https://s3.amazonaws.com/codecademy-images/CC_Symbol_Blue.png"/>
	    <p>Any text you like in there</p>
	</body>
</html>

Thank you!


25. Size and borders
#2

try leaving a space between url.." and />

also make sure your browsers zoom is on 100%

or try another browser


#3

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