25 Size and borders


#1



Size and Borders

Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?

<!DOCTYPE html>
<html>
	<head><link type="text/css" rel="stylesheet" href="stylesheet.css"/></head>

	<body>
	
	<h1>Hi</h1>
	<h1>Bye</h1>
	<p>Paragraph 1</p>
	<img src="http://bit.ly/NnVbxt"/>
	<p>Paragraph 2</p>
	</body>
</html>


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


#2

why do you have a colon after solid? It shouldn't be there, remove it

Also, ensure your browser zoom is set to 100% (in most cases, this can be achieved by pressing ctrl + 0 or cmd + 0 for mac)


#3

I'm getting the same message. Please advice. I've focused on just the img selector in my CSS file since that's what the error message is mentioning.

img
{
height:100px;
width:300px;
border:1px solid #4682b4;
}


#4

but what if your previous css selector is missing a closing curly bracket (})? The error is still at the img, since that is where it starts to get wrong. Did you check your browser zoom level, and please post full html + css code


#5

A post was split to a new topic: 25. size and borders