This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by Megan Rodriguez
over 9 years

Why does my code not work?

The index tab has:

html div id=’earth-orbit’ img id=’earth’ src=”http://goo.gl/o3YWu9“ /div /html

And the style tab has:

#earth { position: absolute; top: 0; left: 50%;

height: 50px;
width: 50px;
margin-left: -25px;
margin-top: -25px;

}

#earth-orbit { position: absolute; top: 50%; left: 50%;

width: 500px;
height: 500px;
margin-top: -250px;
margin-left: -250px;

border-width: 2px;
border-style: dotted;
border-color: white;
border-radius: 50%;

}

Why doesn’t my code work? I have these <> in the index tab

Answer 53c27ee28c1ccc44b100408a

1 vote

Permalink

Your index.html should look like this.

<body>
    <!-- Right below is an image of the sun -->
    <img id="sun" src="http://goo.gl/dEEssP">
    
    <img id="earth" src="http://goo.gl/o3YWu9">
    
    
</body>
points
Submitted by davidjbliss
over 9 years