Menu Query

User 2719841 Photo


Guest
62 posts

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!!!
User 271657 Photo


Ambassador
3,816 posts

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.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2719841 Photo


Guest
62 posts

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.
User 187934 Photo


Senior Advisor
20,271 posts

#nav a{
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
User 2719841 Photo


Guest
62 posts

I tried that, but it's still not working...please advise! Thank you!!
User 187934 Photo


Senior Advisor
20,271 posts

Sorry should have been
#navbar a{
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
User 2719841 Photo


Guest
62 posts

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;
}
User 187934 Photo


Senior Advisor
20,271 posts

Eric Rohloff wrote:
Sorry should have been
#navbar a{
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
User 2719841 Photo


Guest
62 posts

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
User 187934 Photo


Senior Advisor
20,271 posts

<header role="banner">Making the Most of MPW</header>
<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

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.