Another question: Here's a website I've created: http://myweb.chatham.edu/students/Saman … amProject/
And my style sheet: http://myweb.chatham.edu/students/Saman … rstyle.css
My question is, how can I get the menu to appear in white lettering inside the green stripe at the top? I've tried .navbar in my style sheet, but that doesn't seem to work.
Thank you!!!
And my style sheet: http://myweb.chatham.edu/students/Saman … rstyle.css
My question is, how can I get the menu to appear in white lettering inside the green stripe at the top? I've tried .navbar in my style sheet, but that doesn't seem to work.
Thank you!!!
Samantha, where is the CSS for <div id="navbar">?
You could include it in your header, or right under the header, just give it the same green background color and set the font color to white. But you need to include the navbar rules within your CSS.
Also, you would use #navbar (for ID), .navbar would be a Class.
You could include it in your header, or right under the header, just give it the same green background color and set the font color to white. But you need to include the navbar rules within your CSS.

Also, you would use #navbar (for ID), .navbar would be a Class.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
https://www.callendales.com
I tried your suggestion, but the lettering does not change to white. And there's space between the header and the menu, but I just would like one solid green stripe across the top.
Here's the link: http://myweb.chatham.edu/students/Saman … index.html
Any advice would be great, thank you so much! I'm having so much trouble trying to figure this out.
Here's the link: http://myweb.chatham.edu/students/Saman … index.html
Any advice would be great, thank you so much! I'm having so much trouble trying to figure this out.
#nav a{
color: #f8f8ff;
}
color: #f8f8ff;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
I tried that, but it's still not working...please advise! Thank you!!
Sorry should have been
#navbar a{
color: #f8f8ff;
}
color: #f8f8ff;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
I copied the code below, I think something's interfering with the white text I'm intending for my menu:
/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body {
background-color: #F8F8FF ;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
color: #006400;
}
header {
background-color: #006400;
color: #F8F8FF;
font-family: Arial, Verdana, sans-serif;
font-size: 50px;
text-align:center;
}
#navbar {
background-color: #006400;
}
#nav a{
color: #F8F8FF;
}
.mrgnspc { /* this class can be used to space out an element in your page. */
margin-left: 10px;
margin-right: 35px;
font-size:20px;
text-decoration:none;
}
p {
line-height: 1.2;
}
h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 20px;
color: #008000;
}
h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #008000;
}
img {
border: 4px solid black;
}
a {
text-decoration:none;
}
/* Default CSS */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
body {
background-color: #F8F8FF ;
font-family: Arial, Verdana, sans-serif;
font-size: 16px;
color: #006400;
}
header {
background-color: #006400;
color: #F8F8FF;
font-family: Arial, Verdana, sans-serif;
font-size: 50px;
text-align:center;
}
#navbar {
background-color: #006400;
}
#nav a{
color: #F8F8FF;
}
.mrgnspc { /* this class can be used to space out an element in your page. */
margin-left: 10px;
margin-right: 35px;
font-size:20px;
text-decoration:none;
}
p {
line-height: 1.2;
}
h1 {
font-family: Arial, Verdana, sans-serif;
font-size: 20px;
color: #008000;
}
h2 {
font-family: Arial, Verdana, sans-serif;
font-size: 18px;
color: #008000;
}
img {
border: 4px solid black;
}
a {
text-decoration:none;
}
Eric Rohloff wrote:
Sorry should have been
Sorry should have been
#navbar a{
color: #f8f8ff;
}
color: #f8f8ff;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Thank you so much, that worked! My only other question is, how would I close up the space that now exists between the green background color for the header and the menu? Is that possible to do?
http://myweb.chatham.edu/students/Saman … index.html
http://myweb.chatham.edu/students/Saman … index.html
<header role="banner">Making the Most of MPW</header>
<br> <---- Delete this
<div id="navbar">
<br> <---- Delete this
<div id="navbar">
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
It's easy to overlook something you're not looking for.
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.