• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 259
  • Last Modified:

menu color - html / css

Hi, on my website  http://www.webdevelopersheaven.com my top menu is orange color as background picture. I want it to be blue color.

in my html code I wrote:

<td align="right" valign="middle"><div id="header">
<?php mosLoadModules('top');?>
</div></td>

in css file:

header {
  text-align         :right;
  color            : #2B8CDF;
}

Now my menu show on left instead of right and orange color.

Any ideas?
Thanks
0
albynas
Asked:
albynas
  • 3
  • 3
  • 2
  • +1
1 Solution
 
ray-solomonCommented:
First of all your background image is orange image
http://www.webdevelopersheaven.com/images/webdevelopersheaven_01.gif

You may want to delete this attribute from your td tag

background="images/webdevelopersheaven_01.gif"
0
 
under_dogCommented:
Add this to your CSS:

#header a {

  color: #2B8CDF;

}
0
 
R7AFCommented:
I cleaned up a bit.

<!DOCTYPE html SYSTEM "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
      <head>
            <title>Test</title>
            <style type="text/css">
            table { width: 100%; }
          td#header
            {
                  text-align: right;
                  color: orange;
                  background: #2B8CDF;
                  width: 100%;
                  vertical-align: middle;
            }
            </style>
      </head>
      <body>
            <table>
                  <tr><td id="header">test</td></tr>
            </table>

      </body>
</html>
0
Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

 
albynasAuthor Commented:
Hi,

i will try to make my quesion more clear. I am using joomla cms. That means my css should be external file, not embedding, so R7AF answer doesnt solve solution. More than that, background should be as it is, just color should be blue. The same as under_dog - its only top menu, not all links.
Thanks
0
 
under_dogCommented:
The code I provided shoukd only change the link color in the "header" div ... not for the rest of the site ;)
0
 
ray-solomonCommented:
R7AF was showing you a slight mock up of your problem. The point was to copy and paste his css to your css file to see if it fixes the problem. Remember to clear your browser's cache when doing this to ensure the updated css file is being used by your browser.

td#header
{
    text-align: right;
    color: orange;
    background: #2B8CDF;
    width: 100%;
    vertical-align: middle;
}
0
 
albynasAuthor Commented:
Ok,
I will try again. Background stays as it is. I need link text to be blue.
0
 
R7AFCommented:
I prefer to use external css, but in examples like this it's simpler to embed it, just for the purpose of the example.
0
 
albynasAuthor Commented:
Come on, people, I pretty sure it is simple and we are close
0
 
R7AFCommented:
td#header a { color: blue; }
0

Featured Post

Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

  • 3
  • 3
  • 2
  • +1
Tackle projects and never again get stuck behind a technical roadblock.
Join Now