![Avatar of albynas](https://cdn.experts-exchange.com/images/experts-exchange/avatar-01-large.gif)
albynas
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
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
![Avatar of under_dog](https://filedb.experts-exchange.com/files/public/2022/7/15/0cb709e6-54a1-40a9-9780-3aabfdb01d06.png)
Add this to your CSS:
#header a {
color: #2B8CDF;
}
#header a {
color: #2B8CDF;
}
![Avatar of R7AF](https://filedb.experts-exchange.com/files/public/2013/11/18/819df4cc-a391-4eda-b234-2edb415b1e03.png)
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>
<!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>
![Avatar of albynas](https://cdn.experts-exchange.com/images/experts-exchange/avatar-01-large.gif)
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
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
![Avatar of under_dog](https://filedb.experts-exchange.com/files/public/2022/7/15/0cb709e6-54a1-40a9-9780-3aabfdb01d06.png)
The code I provided shoukd only change the link color in the "header" div ... not for the rest of the site ;)
![Avatar of ray-solomon](https://filedb.experts-exchange.com/files/public/2013/11/18/896f4f50-51e4-4364-a45b-2943f02c6dfc.png)
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;
}
td#header
{
text-align: right;
color: orange;
background: #2B8CDF;
width: 100%;
vertical-align: middle;
}
![Avatar of albynas](https://cdn.experts-exchange.com/images/experts-exchange/avatar-01-large.gif)
ASKER
Ok,
I will try again. Background stays as it is. I need link text to be blue.
I will try again. Background stays as it is. I need link text to be blue.
![Avatar of R7AF](https://filedb.experts-exchange.com/files/public/2013/11/18/819df4cc-a391-4eda-b234-2edb415b1e03.png)
I prefer to use external css, but in examples like this it's simpler to embed it, just for the purpose of the example.
![Avatar of albynas](https://cdn.experts-exchange.com/images/experts-exchange/avatar-01-large.gif)
ASKER
Come on, people, I pretty sure it is simple and we are close
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
http://www.webdevelopersheaven.com/images/webdevelopersheaven_01.gif
You may want to delete this attribute from your td tag
background="images/webdeve