25. Size and Borders: Border 1px solid #4682b4


#1

Hello all,

I have seen posts similar to mine, but the posted solutions have not worked for me. Thanks for any help!

I am getting this error message:

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

These are the instructions I am given:

"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."

This is my code in CSS:

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


#2

It should work, but maybe you can try

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

Maybe this works? You are now separate them, instead of having the code on 1 line, but your code should work too.


#3

Hello,

could you please paste the link to your exercise


#4

I'm sorry but it doesn't work :frowning:


#5

As csssolver40302 said, I have the same problem.

My code is as follow but it doesn't work with error message below
"Oops, try again. Did you remember to give your image a 1px solid #4682b4 border?"

My .css code =========================================
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;
}


#6

Maybe you must try another browser?


#7

oh...I've never thought about that T_T Thank you, I'll try with firefox or the others....


#8

I'm having the same problem but I'm using firefox


#9

I am also having this problem. Tried breaking out the border code as suggested and it still isn't letting me through. I am operating on google chrome.


#10

Your CSS works for me. Can I see your HTML please.


#11

I have the same problem...


#12

Same in Google Chrome..


#13

I have the same issue! All solutions above give the same (unsatisfying) result...


#14

I have the same issue! I've tried using both Chrome and Firefox, rearranging the code, double-checking the zoom, nothing has worked. Any other tips?


#15

Having the same issue, anyway of being able to move forward without doing it?


#16

Same issue here!

Google Chrome


#17

Guys,

I have found the solution!

Switch the browser to Microsoft Edge! It works!

Yay!!!!!


#18

I'm on Chrome and was running into the same issue. I think it has to do with the zoom in the editor. I did ctr +0 and it got me through

Hope that helps


#19

This worked for me as well. The solution is to go to Microsoft edge, a different browser. I was having the same issue with Chrome as well.


#20

i played with the zoom and on 80% zoom it got me through.