T
Toronto Newf
Could someone please look at my code and let me know what I may have done
wrong.
I was doing a css tutorial and it did not work out like it is supposed to.
I have included the CSS code I have done. if you need the HTML code let
me know.
I could not get the header or nav bar to work. All I am getting is the test
showing up with now header graphics or side nav bar.
here is the css
/*"This is the core style sheet of the site."
*/
body {
background-color: #dedede;
background-image: url(images/page-bg.gif);
margin: 0;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}
#outer-image {height: 249px;
background-image: url(images/pale-clouds.jpg);
background-position: center top;
}
#inner-image {height: 199px;
background-image: url(images/clouds.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid;
padding-left: 125px;
padding-right: 125px;
padding-top: 10px;
padding-bottom: 10px;
}
#header p { font-size: .6em;
}
#main-content {
background-color: #ffffff;
border: 1px #000000 solid;
margin-left: 180px;
margin-right: 180px;
margin-top: -50px
padding: 10px;
}
#navbar {
background-color: #ffffff;
position: absolute;
top: 400px;
left: 0px;
width: 180px;
border-top: solid 1px #000000;
text-align: center;
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ffffff;
border-bottom: solid 1px #000000;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: none;
}
#navbar a:hover {background-color: #dedede;
}
}
p {font-size: .8em;
text-align: justify;
line-height: 1.7em;
}
p.footer {
font-size: .5em;
text-align: center;
font-weight: bold;
}
a:link {
color: #666666;
background-color: #cfd8e0;
text-decoration: none;
}
a:visited {
color: #666666;
background-color: #cfd8e0;
text-decoration: line-through;
}
a:hover {
color: #ffffff;
background-color: #9baebf;
}
a:active {
background-color: #67849e;
}
h1 {font-size: 1.2em;
text-align: right;
font-style: italic;
letter-spacing: 5px;
}
h2 {
font-size: 1.1em;
text-decoration: underline;
}
Thanks,
Robert
wrong.
I was doing a css tutorial and it did not work out like it is supposed to.
I have included the CSS code I have done. if you need the HTML code let
me know.
I could not get the header or nav bar to work. All I am getting is the test
showing up with now header graphics or side nav bar.
here is the css
/*"This is the core style sheet of the site."
*/
body {
background-color: #dedede;
background-image: url(images/page-bg.gif);
margin: 0;
color: #666666;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
}
#outer-image {height: 249px;
background-image: url(images/pale-clouds.jpg);
background-position: center top;
}
#inner-image {height: 199px;
background-image: url(images/clouds.jpg);
background-repeat: no-repeat;
background-position: center top;
}
#header {
background-color: #ffffff;
border-bottom: 1px #000000 solid;
padding-left: 125px;
padding-right: 125px;
padding-top: 10px;
padding-bottom: 10px;
}
#header p { font-size: .6em;
}
#main-content {
background-color: #ffffff;
border: 1px #000000 solid;
margin-left: 180px;
margin-right: 180px;
margin-top: -50px
padding: 10px;
}
#navbar {
background-color: #ffffff;
position: absolute;
top: 400px;
left: 0px;
width: 180px;
border-top: solid 1px #000000;
text-align: center;
#navbar a:link, #navbar a:visited {
display: block;
color: #7e7e7e;
background-color: #ffffff;
border-bottom: solid 1px #000000;
padding-bottom: 3px;
padding-top: 3px;
text-decoration: none;
}
#navbar a:hover {background-color: #dedede;
}
}
p {font-size: .8em;
text-align: justify;
line-height: 1.7em;
}
p.footer {
font-size: .5em;
text-align: center;
font-weight: bold;
}
a:link {
color: #666666;
background-color: #cfd8e0;
text-decoration: none;
}
a:visited {
color: #666666;
background-color: #cfd8e0;
text-decoration: line-through;
}
a:hover {
color: #ffffff;
background-color: #9baebf;
}
a:active {
background-color: #67849e;
}
h1 {font-size: 1.2em;
text-align: right;
font-style: italic;
letter-spacing: 5px;
}
h2 {
font-size: 1.1em;
text-decoration: underline;
}
Thanks,
Robert