CSS Overview Size and Borderss


#1

I am trying to add a border but can't figure out why I am getting this error message:
Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?

/*Add your CSS below!*/
h1{
font-family: Verdana, sans-serif; color: #576d94;
}
p {
font-family: Garamond, serif; font-size: 18px; color: #4682b4;
}
image src {
height: 100px;
width: 300px;
border: 1 px solid #4682b4;
}

`


#2

Hi @crazedmom,

Try to do what it literally tells you in the error message :slight_smile:

Note your code
border: 1 px solid #4682b4;
versus what you are asked to do from the error message
1px solid #4682b4

See the difference? :slight_smile: It's minor but here's a clue you did it right here:

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

I'm sure if you take a breath and don't space out you'll spot it :wink:


#3

I am still not getting it :frowning:

Add an to your HTML document. Its src attribute can point anywhere! (Check the Hint if you're stuck or need a picture.)
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.

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


#4

300px is one value, it can't have a space

where did your border property go? without property a value obviously won't work

Make sure your browser zoom is set to 100%


#5

Thanks I did. I lost my glasses so I had to zoom :slight_smile:


#6

did you resolve the issue?


#7

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