Css an overview : 25. size and borders


#1

Hello,

I have this message: "Did you remember to give your image a 1px solid #4682b4 border?"

I've tried different browsers (Chrome, Firefox) but I still got this error message.

Here's my index.html :

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
        <h1>Viva la revolucion !</h1>
        <p>Alleeeez</p>
        <img src="http://bit.ly/NnVbxt"/>
    </body>
</html>

And here's my stylesheet.css :

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

What's wrong with my code ?!

Here's the link to the EXACT exercise that I'm stuck at :

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

Thanks

`


#2

make sure you browser zoom is 100%
Try resetting your zoom by pressing Ctrl+0 or Cmd-0.


#3

Did it already, in Firefox AND Chrome... :frowning:


#4

Do this

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

instead of

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

now tell me it's working or not.
again make sure your zoom is 100% :slight_smile:


#5

Still not working :frowning:
I made sur my zoom is 100%, again both on Firefox and Chrome.


#6

can you please tell me what's the error massege coming?


#7

yess of course :

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

Thanks


#8

i was actually hoping this would narrow the error down. It doesn't.

The only possible explanations is your browser zoom. We can't see your zoom level from here, your code is fine for the rest, you could zoom out and then back in, and maybe refresh the page, it should work


#9

You won't believe it : I lowered the zoom from 100% to 67% in Firefox and, before zooming in, tried to submit my code...and it worked !!
:tada: :tada:

Thanks for the help :slight_smile:


#10