This forum is now read-only. Please use our new forums at discuss.codecademy.com.

CSS: An Overview Forum

View Course » View Exercise

860 points
547876cab3e0cbe7391f22786baf6497?s=140&d=retro
Submitted by
RaviMudgal_53ca25d17c82cac095000783_
over 3 years ago

stuck in 25/26

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

Tried in IE as well as per prior posts , still not able to get through.

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


1 vote

permalink

This code is correct:

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

But it only works in IE 11 !!!

Not a very good example of creating proper webpages...
Hope we will learn to build better ones, later in this course :))

97 points
6654bcc91fc4eef351fa9350eae26b6e?s=140&d=retro
Submitted by
hancc
over 3 years ago

2 Comments

3a2c6c4b8f692d8a4549cf5013e7430d?s=140&d=retro kanhag almost 3 years ago

I did it just fine in Google Chrome...

3a2c6c4b8f692d8a4549cf5013e7430d?s=140&d=retro kanhag almost 3 years ago

My CSS is exactly the same as yours, RaviMudgal.


0 votes

permalink

Ahhh. I read another post and their solution solved my problem also; I had my window zoomed in. When I reset it my code was accepted.

160 points
9020949551d0a480b78c74d41563db70?s=140&d=retro
Submitted by
stclea
over 3 years ago

1 Comment

E960b3a23b70a32399e292cc6110a9f7?s=140&d=retro RAJANPRADHAN over 3 years ago

you are right ...dude ...hats off


0 votes

permalink

this is BUG?

94 points
32e10ce45325a1d90d358659977d5dea?s=140&d=retro
Submitted by
Cyrus Pollitt
over 3 years ago


0 votes

permalink

try doing it using another browser i was using firefox but i tried to use internet explorer and the problem was solved

166 points
Picture
Submitted by
Omar Magdy
about 3 years ago


0 votes

permalink

I am having the same problem. Here is my code below. I am using Chrome but tried IE too.

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

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

<!DOCTYPE html>



Result


hello world
hello world

I think it's all right.

God bless,
Caleb Jefferies

840 points
56e456a14b7f51d057000178_409756225
Submitted by
Caleb Jefferies
about 3 years ago

1 Comment

3a2c6c4b8f692d8a4549cf5013e7430d?s=140&d=retro kanhag almost 3 years ago

Yeah...nice job


0 votes

permalink

It looks like my HTML didn't come in right let me try again. It won't work right. how do you post the HTML?

God bless,
Caleb Jefferies

840 points
56e456a14b7f51d057000178_409756225
Submitted by
Caleb Jefferies
about 3 years ago

1 Comment

55df2afa95e3787b9200005e_359368177 Judy about 3 years ago

There are a few different ways to post HTML so the browser won't render it as HTML. The one I like best is to put three backticks, ```, on an empty line before my code and three backticks on an empty line after my code.


0 votes

permalink

Alright let me see if this works. Still not working. How do you do it again? I tried putting ''' on the line before and after my HTML and in the post preview it was still all messed up.
God bless,
Caleb Jefferies

840 points
56e456a14b7f51d057000178_409756225
Submitted by
Caleb Jefferies
about 3 years ago


0 votes

permalink

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css"; rel"stylesheet" href= "stylesheet.css";/>
        <title>Result</title>
    </head>
    <body>
        <h1> hello world </h1>
            <p>hello world</p>
            <img src="http://thesupercarkids.com/wp-content/uploads/2014/04/Td.jpg"/>
    </body>
</html>

oh. thanks again! I was putting quotation marks. I have never used back ticks so I figured out what they were. Thanks and there is my HTML.

God bless,
Caleb Jefferies

840 points
56e456a14b7f51d057000178_409756225
Submitted by
Caleb Jefferies
about 3 years ago

1 Comment

55df2afa95e3787b9200005e_359368177 Judy about 3 years ago

-- that line needs to be fixed up. No semicolons, watch that you have your = where they are needed, attribute="value". If you are ever getting a size error check your web browser's zoom setting. cntr-0 (PC), cmd-0 (Mac). That varies for Firefox and MS Surfaces, experiment a bit. Holler if you have trouble.


0 votes

permalink

Daal,
Try using this code. The problem catcher will only find stuff that's wrong with that lesson so it doesn't matter if you erase everything from previous lessons.

HTML:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Result</title>
    </head>
    <body>
       <img src="http://thesupercarkids.com/wp-content/uploads/2014/04/Td.jpg"/>
    </body>
</html>

CSS:

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

Hope this helps:)

God bless,
Caleb Jefferies

840 points
56e456a14b7f51d057000178_409756225
Submitted by
Caleb Jefferies
about 3 years ago


-1 votes

permalink

put an open { after boder not a (:)

Blockquote

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

307 points
73c707e8d7c622a8b6b85b3f561038f8?s=140&d=retro
Submitted by
Rodney Destin
over 3 years ago

4 Comments

9020949551d0a480b78c74d41563db70?s=140&d=retro stclea over 3 years ago

Im having the same problem as Ravi. I tried the ole copy and paste with your answer and its still giving me the "Oops, try again" jazz.

2f73143c10c38c65ce801731f10712ba?s=140&d=retro grayme over 3 years ago

Same here. still not working

6654bcc91fc4eef351fa9350eae26b6e?s=140&d=retro hancc over 3 years ago

Same here also.

Picture Steven Samuels about 3 years ago

some here still not working


-1 votes

permalink

This works:
h1 {
font-family: Verdana,san-serif;
color: #576d94;
}
p{
font-family: Garamond,serif;
}
img{
height: 100px;
width: 300px;
}
img{
border: 1px solid #4682b4;
}

251 points
94bd0363e79e1b2ec36e3191aca16b89?s=140&d=retro
Submitted by
scottTHEOWL
about 3 years ago

1 Comment

5427c46e9c4e9db08600027d_365415766 daal about 3 years ago

Doesn't work for me...