Ex. 25 border issue


#1

https://www.codecademy.com/courses/web-beginner-en-TlhFi/4/4?curriculum_id=50579fb998b470000202dc8b

I'm getting the normal "Did you remember to give your image a 1px solid #4682b4 border?" error. I've tried all the stuff with the zooming in and out and resetting, and I've tried switching browsers, but nothing has worked.


<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
	</head>
	<body>
	    <h1>h1</h1>
	    <p>p</p>
	    <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/46838757.png"/>
	</body>
</html>

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


#2

Hi,

Your problem is very Easy. You need to write your Give Code like this.I have modified something.

<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<style>
			h1 {
			font-family: Verdana, sans-serif;
			color: #576D94;
			}
			
			p {
			font-size: 18px;
			color: #4A4943;
			font-family: Garamond, serif;
			}
			
			img {
			color: #4682b4;
			height: auto;
			width: 100%;
			}
		</style>
	</head>
	<body>
	    <h1>h1</h1>
	    <p>p</p>
	    <img src="http://i1061.photobucket.com/albums/t480/ericqweinstein/46838757.png" width="460" height="345"/>
	</body>
</html>

Here i have apply internal CSS but you have also used external CSS based on your requirement.

THANK YOU,
Divyesh Padamani


#3

the browser zoom affects the border-width, make sure your browser zoom is set to 100% otherwise try a different browser


#4

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