25. Oops, try again. Did you remember to give your image a 1px solid #4682b4 border? There is not zoom error

Language Help CSS
1 
<!DOCTYPE html>
<html>
	<head>
		<title>Result</title>
	</head>
	<body>
	<h1>asdasd</h1>
	<p>asdsadsa</p>
	
	<img src="https://upload.wikimedia.org/wikipedia/en/d/d2/Beyblade_Logo.png"/>
	</body>
</html>

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

h1{
    font-family: Verdana, sans-serif;
    color: #576D94;
}


p{
    font-family: Garamond, serif;
    font-size: 18px;
    color: #4A4943;
}

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

you forgot your <link>, now index.html doesn’t know that there is a css file it needs to load, if you don’t remember <link> revisit earlier exercises, for example this one, also make sure your browser zoom is set to 100% (ctrl + 0 or cmd + 0 for mac)

3

I’m getting the same message but I have a . Here’s the code:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css" />
        <title>Result</title>
    </head>
    <body>
        <h1>Anything you want
        </h1>
        <p>New text for testing</p>
        <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTS0t-Q4HZeYhajcLh99qQskoxOYXSwXLOXUyduNrlthKvayysw" />
    </body>
</html>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

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

I’d appreciate some help.
Thanks,
Bob

4

Code is fine, make sure the browser zoom is set to 100% ( ctrl + 0 or cmd + 0 for mac), otherwise try a different browser

1 Like
5

i found that by changing the link from the bit.ly short url to the original url which is http://i1061.photobucket.com/albums/t480/ericqweinstein/46838757.png, that this would resolve the issue. :slight_smile:

6

I have the same problem

<!DOCTYPE html>
<html>
    <head>
        <title>Result</title>
        <link rel="stylesheet" type="text/css" href="stylesheet.css"/>
    </head>
    <body>
        <h1>Hello!</h1>
        <h1>Bye!</h1>
        
        <p>What's up?</p>
        <p>nothing</p>
        
        <img src="http://data.whicdn.com/images/89862444/large.jpg"/>
    </body>
</html>

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

So I put my code in https://jsfiddle.net/ and there run :slightly_smiling:

7

What is the error message? Did you set your zoom to 100%? Otherwise, try a different browser as workaround

8

Done all
Advisor tell me that a bug because work for him

9

So, if you write software later, and something doesn’t work, then someone else tries and it does work, you are not going to try to find what the problem is? In this case maybe browser zoom? Or check if your browser is sending cached data?

3 Likes