Navigation bar, where are you?

i can’t figure out this question

#navbar a position of fixed and a top margin of -10px.

my code is

body {
background-color: #b7d1c4
}

h2 {
font-family: Verdana;
font-weight: bold;
text-align: center;
padding-top: 25px;
padding-bottom: 25px;
color: #acd1b2;
}

img {
height: 170px;
width: 170px;
box-shadow: rgba(0,0,0,0.2) 10px 10px;

}

#navbar {
/Add your CSS here!/
position: absolute;
margin-top: 10px;
left:50%;
margin-left:-254px;
}

#header {
position: relative;
top: -10px;
background-color: #3c4543;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}

ul{
list-style-type: none;
position: fixed;
margin: -10px;
}

li {
/Add your CSS here!/
margin-top: 10px;
border: 2px solid #000000;
font-family: Futura, Tahoma, sans-serif;
color: #ffffff;
border-radius: 5px 5px;
background-color: #cc0323
}

#left{
/Add your CSS here!/
margin-top: 10px

}

p {
font-family: Tahoma;
font-size: 1em;
}

#right{
/Add your CSS here!/
margin-top: 10px;

}

table {
border: #000000 1px solid;
background-color: #acd1b2;
float: right;
margin-right: 10px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

td {
height: 75px;
width: 75px;
}

td img {
height: 75px;
width: 75px;
box-shadow: none;
}

th {
font-family: Verdana;
font-size: 1em;
font-weight: normal;
color: #3c4543
}

#bottom_left{
border-bottom-left-radius: 15px;
}

#bottom_right{
border-bottom-right-radius: 15px;
}

#footer{
/Add your CSS here!/

position: relative;
bottom: -20px;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
height: 75px;
background-color: #3c4543;

}

#button{
border: 2px solid #000000;
float:left;
position: relative;
left: 229px;
bottom: -20px;
border-radius: 5px;
background-color: #cc0323;
height: 30px;
width: 150px;

}

#button p{
position: relative;
bottom: 10px;
font-size: 0.8em;
color: #acd1b2;
text-align: center;
}

.bold{
font-family: tahoma;
font-weight: bold;
font-size: 1.2em;
font-variant: small-caps;
color: #ffffff;
}

They asked you to give your navbar a fixed position and a -10px for margin-top, but you gave it 10px for margin-top and an absolute position. Do that, and assuming you don’t change anything else, it should pass.

1 Like

I am glad to inform you that the problem is now solved.

heppppppppppp meeeeeeeee

please help me in resolving error Oops, try again. Please follow the instructions on the Full Preview page to test your code.

#navbar {
/Add your CSS here!/
position:fixed;
margin-top:-10px;
left:50%;
margin-left:-254px;
}

you must press the full screen button on the right side of the screen, just below where the output is displayed

thank you problem is soloved .