asked on

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

ray-solomon

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"

under_dog

Add this to your CSS:

#header a {

color: #2B8CDF;

}

R7AF

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>

albynas

ASKER

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

under_dog

The code I provided shoukd only change the link color in the "header" div ... not for the rest of the site ;)

ray-solomon

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;
}

albynas

ASKER

Ok,
I will try again. Background stays as it is. I need link text to be blue.

R7AF

I prefer to use external css, but in examples like this it's simpler to embed it, just for the purpose of the example.

albynas

ASKER

Come on, people, I pretty sure it is simple and we are close

ASKER CERTIFIED SOLUTION

R7AF

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial