Nothing is showing up in my preview box


#1

Hello, so I am working on the build a resume portion and nothing is showing up in my preview screen. I am already to the part where it had me add height, width and background-color to my divs, and still nothing. Have tried starting the lesson in both Safari and Chrome browsers.

Thanks


#2

Hey,

All lessons or only this one? Did you try logout and login?


#3

Could you show us your html and css code? Please copy paste it to the forum

Please read this post about markdown so your code/indent will show.


#4

Nope, Just this one. Yes, I tried logging out and logging back in as well as switching browsers, so weird! Here is my code:

HTML

<!DOCTYPE html>
<html>
	<head>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
		<title></title>
	</head>
	<body>
	 <div id="header"></div>
     <div class="left"></div>
     <div class="right"></div>
     <div id="footer"></div>
	</body>
</html>

CSS

#header {
    border-radius: 5px
    color: blue;
    position: relative;
    height: 50px;
    width:50px;
}
.left {
    border-radius: 5px
    color: yellow;
    position: relative;
    height: 50px;
    width:50px;
}
.right {
    border-radius: 5px
    color: green;
    height: 50px;
    width:50px;
}
#footer {
    border-radius: 5px
    color: orange;
    height: 50px;
    width:50px;
}

#5

'''
HTML












CSS

header {

border-radius: 5px
color: blue;
position: relative;
height: 50px;
width:50px;

}
.left {
border-radius: 5px
color: yellow;
position: relative;
height: 50px;
width:50px;
}
.right {
border-radius: 5px
color: green;
height: 50px;
width:50px;
}

footer {

border-radius: 5px
color: orange;
height: 50px;
width:50px;

}
'''


#6

This explains why nothing shows, there are two problems: missing semi-colons after border-radius: 5px, and color will set the color of the text, the property you are looking for is background-color, to color your div's
Please read this post about markdown so your code/indent will show.


#7

Wow, now I just feel dumb. Thank you so much for your help, really appreciate it! Have a good day.