25 Size & Borders im stuck what am I doing wrong?


#1
<!DOCTYPE html>
<html>
    <head>
	    <title>Result</title>
    </head>
   <body>
    <h1>heading</h1>
   <p>Paragraph</p>
   <img src="http://bit.ly/NnVbxt"></img>

    </body>
</html>

------------------------------------

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

So what am I doing wrong?


#2

What is the Error- / Oops-message you are getting ?


#3

your link to stylesheet is missing:

<link type="" rel="" href="">

i will leavve it to you, to figure out the values for type, rel and href


#5

Same thing is happenung to me and it is very nasty. I keep receiving this message

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

My code is the same as thedrunkpanther


#6

Still, could you post your full html + css code? Is your browser zoom is set to 100% (ctrl + 0 or cmd + 0 for mac)


#7

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css" />
        <title>Result</title>
    </head>
    <body>
        <img src="https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRr2kX_EPhx9xpL2g7aQb8bkItPcZLXcThGy1Qm1e8FwWHoDWXWKg" />
        <h1>hey there i am using Harley
        </h1>
        <p>hi hello
        </p>
    </body>
</html>


CSS:

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

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


#8

Same here, that bug still needs fixing...


#9

press ctrl+0
it worked for me


#10

I tried, but that didn't work either. When the next chapter had a similar "bug" I tried it in Chrome (I was using Firefox before) and it worked there.


#11

Same bug here. I am using Firefox and I'm stuck on lesson 25 Size & Borders.
Tried the code on the W3Schools TryIt Editor and it worked fine.

I'll try it with Chrome, like @anna_lenaec4u suggested.


#12

Did you check your browser zoom? Could i see your code?


#13

Hi @stetim94,

I've finished the chapter using Chrome. Just closed Firefox, logged in again using Chrome and the same code was validated.

I guess this bug is something related to Firefox and its extensions.

Thanks.


#14

Hello,
I had the same issue, only it was on Chrome (for Mac). I tried to switch to Safari and it did the trick... But then it doesn't seem that the issue is linked to a specific browser.

Hope this bug gets fixed cause it made me (us all I guess) lose a lot of time :slightly_smiling:

Cheers


#15

@gthron,
You probably had to reset your Browser

++++ reset of session *****************
As you are manipulating with objects
under certain circumstances you can shoot your Browser in an
inconsistent state.

Therefor it is of an advantage to know that you have 2 reset facilities:

One is the use of the F5-key which does a refresh Browser

and

Two, select&copy your code
Then use the Reset Code button of the course-window,
then paste your code back in.

Addendum
General Notes:
Always refresh the browser after making corrections:
CTRL f5 ( if on Windows or Linux)
CMD r ( if on a MAC).
CTRL 0 to reset browser zoom


#17

Hi @leonhard_wettengmx_n,

Thanks for the info.
I'll try resetting the session on my next lessons.


#18

Same issue.
Solved with ctr+0
:slightly_smiling:


#19

Same issue, solved with ctrl+0 :slight_smile: