Lesson 25 Border issue I'm Stuck on CSS


#1

I have been working on Lesson 25

On the CSS tab, set your image's height to 100px and width to 300px.
On the CSS tab, give your image a border of 1px solid #4682b4.

I been making changes and can not get past this item.


<!DOCTYPE html>
<html>
	<head>
	<link type= "text/css" rel="stylesheet" href="stylesheet.css" />
		<title>Result</title>
	</head>
	<body>
	<h1> Anything You Want it to Say!></h1>
	<img src="http://bit.ly/NnVbxt"></img>
	<p> Put any text you like in there, then head over to the CSS tab </p>
	</body>
</html>

Here is my CSS Sheet

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


#2

give your image a height of 100px, and a width of 300px. the properties you then need are width and height, not sure how you got to border-width and border-height.

Then make sure your browser zoom is set to 100%


#3

Thank you, I made the changes dropping the border-height to height as stated
I still get an error on the issue dealing with

here is the task:
On the CSS tab, give your image a border of 1px solid #4682b4

here is my code I entered:

body img { border: 1px Solid #4682b4;}


#4

if the problems persist, try a different browser


#5

Thanks when I switched to a new browser it worked....oh the fustration.

Thanks have a Great Monday


#6

Im using chrome and had same issue. what I did was CTRL + 0 and it reset the zoom.
works now.


#7