CSS - Overriding Colours

I have this tag in an external css file

Code:

td {
   text-align:left;  //and yes i know that its left by default
}

Inside my html file I have a td with alignment set to right, which according to my understanding should override the external css file, however it doesn't. The content is still left aligned. Why is that?

Thanks

I have one css file
which is linked to all my html pages

That css file defines a style for all my
<a> tags

ie - a:link, a:visited, a:hover etc.

Theres one html file
where i need a different style for some of the <a> tags
ive set a sepecific class on these tags ie:
<a class="set1" etc

and in my css file ive tried the following

.set1 a:link
{
etc
}

but for some reason this doesnt override the style on the generic a tags
ie it seems to keep using
a:link {

}

ignoring the

.set1 a:link
{
etc
}

help!

so...
having this problem where i have some css styles applied to form inut boxes, and one of them asks for the user to input his/her email address. IE, thinking it's being helpful, is overriding my nice green background with an ugly yellow background.

I've done some testing, and if i put the word "email", "e_mail", "e-mail", or even "mail_e" in either the html text NEXT to the blank, or in the name of the INPUT tag, IE assumes i want it to be yellow.

any way of overriding this?

CSS:
Code:

.inputBox {
	border: 1 solid black;
	background-color: #bcdd4a;
	font-size: 12;
	width: 200;
	height: 16;
	color: #145e16;
	font-weight: bold;
}

HTML:
Code:

<td valign=top>E-mail:</td>
<td valign=top><input type="text" class="inputBox" name="emailAddress" size=20></td>

IE Version: 6.0.2800.1106
LINK: http://www.t-2.biz/contact.php

please help, frustration setting in.

cheers \\ kfancy

I am working in Drupal and have a menu with secondary levels. I have coded css on the menu a tag with borders and no background.

.primary-menu-inner ul.sf-menu a {
color: #FFFFFF;
display:block;
border-left:1px solid #ffcc33;
border-right:1px solid #6f4c23;
}

I am trying to override the .primary-menu-inner ul.sf-menu li.active-trail

.primary-menu-inner ul.sf-menu li.active-trail {
background: url(../images/nav.png) no-repeat right -64px;
border-bottom:1px solid #a67c52;
border-right:1px solid #a67c52;
border-left: 1px solid #38230b;
visibility: visible;
}

to where the borders settings on the a tag does not show up on the li.active trail.

Any suggestions would be great...

On my site, we use CSS to change the appearance of all form fields, using the following:

INPUT
{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 13px;
color: #484848;
background: #EFF4F9;
border: 1px solid #484848;
padding: 2px;
}

Unfortunately, I have a single submit button that for various reasons, I want to have looking like the normal, gray, ugly button. Is there some way to turn off the CSS for this single button? Or somehow override the CSS to make it look like a normal button?

Hey all, I'm having an issue with the float property. I have 2 nested div tags both floated left, to create two columns, but the div tag holding them doesn't seem to stretch around them. it's looks basically like this...

<div id="container">
<div id="leftCol">
stuff
</div>
<div id="rightCol">
more stuff, WOOT!
</div>
</div>

I only run into the problem with FireFox, so i know that i'm not doing something right! Can anyone help.. thanks!

how can i colour the scroll bars on my page - i.e. the ones when you have to scroll up and down the page, but also, the ones used within form elements such as drop down lists. I have tried using css, but to no avail.

My page consists of two frames - one on the left and one on the right.

Thankyou.

Hi.

I've got an element in my CSS such as:

PHP Code:
.footer {
  width: 760px;
  background-color: Aqua;
} 





I'm trying to use it in a table to have the table take on the properties of the .footer element. Currently I'm using it like this:

PHP Code:
<TABLE class="footer" ALIGN="CENTER" BORDER=0 CELLPADDING=2> <tr><td>MY CONTENT</td></tr></table> 





Should the bg of the table not be what I set in the CSS element???

Hi,

Why does the following not change my scrollbar colours?

PHP Code:
 body {
    font: 14px Arial, sans-serif;
    color: #18387B;
    background: #687BA3;
    margin-top: 5px;
    margin-left: 5px;
    SCROLLBAR-FACE-COLOR: #FF9900;
    SCROLLBAR-HIGHLIGHT-COLOR: #FF9900;
    SCROLLBAR-SHADOW-COLOR: #999999;
    SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
    SCROLLBAR-ARROW-COLOR:  #000000;
    SCROLLBAR-TRACK-COLOR: #000000;
    SCROLLBAR-DARKSHADOW-COLOR: #666666;
    
} 

Hi everyone!

I am having a problem with some missing colours and images in firefox.

I have validated my XHTML 1.0 and CSS as OK. It looks correct in IE 6.0 but not in FF, i am sure someone will know the answer straight away!


address is http://www.wellandpower.net

charlie

Hi,

I use blog software (Wordpress) to run my site and this allows me to use different themes. I have created three themes that are exactly the same except for the colours used.

I would like to seperate the layout definitions from the colour definitions so that I can call the layout css on all of them and then call the required colour css.

I have tried taking out all references to colour and then putting those references into a new css and then calling that but unfortunately it didn't work.

I am presuming that some definitions require more than just colours.

Can somebody help seperate the layout from the colours for me?

I'm sure there are other "issues" with the css, so if anything else is bad please let me know.

I have attached the relevant css as a text file.

TIA
Phillip

That's about the height of it.
I have been trying to pick colours for the site I'm playing with.
I can't find any pastal (my preference - not necessarily the best, I'm still learning) colours I like in the Web Safe Colours.
So, I started snooping around the internet . . . mostly to find out how bad it is that I'm not considering IE 5.x when developing. I found this information at Upsdell: Browser News and it appears to be dated Nov 19th 2005. It suggests that ~1% are restricted to the 256 colours. Is this site reputable for information accuracy and is it reasonable to conclude that web safe colours are a thing of the past?

Cheers!

In my main CSS file, the background-color is set to #FFFFFF (white)

however this also erased my background images in the cells of my table
i have tried to add them with style tags, but the main CSS still overrides

Top of the table + cell with bg
PHP Code:
<table cellpadding="0" cellspacing="0" border="0" align="center">
                <tr>
                    <td width="766" height="295" valign="top"  style="background-image:url(images/row1.gif);
background-repeat:no-repeat "> 







This is the main CSS:
PHP Code:
 body,td,th {
    font-family: Tahoma;
    font-size: 11px;
    color:#5D5D5D;
        background-color:#FFFFFF;

}
body {
    font-family: Tahoma;
    font-size: 11px;
    color:#5D5D5D;
        background-color:#FFFFFF;

} 

Hi,
I'm having trouble with changing the colour of link, vlink and alink in a webpage layer. I use CSS to set the colours in the main page body tag but am unable to change the colour of the hyperlinks in a layer on the same page to a different set of colours. This causes some of links to be unreadable and i'd like to be able to change the colours of the links in the layer but keep the colours on the main webpage.
Anyone got any idea how to do this?.
Is CSS the way to go?.
The website is written in PHP if that makes any difference.
Many thanks for any help.

Hi Everyone.

I'm a new member and so please forgive me if I don't immediately understand all the jargon.

However I have a problem and I was hoping someone might be able to help. I have searched the web and W3 schools but couldn't find the answer I was looking for.

I am using strict HTML with an external CSS style sheet.

I have a several paged website I am creating for part of a University assignment.

I have several links which have 3 colours for 3 states. Link, visited and highlight.

These work perfectly. (For me anyway).

I have now been told to remove 'circular references'. I understand this to be;

If I am on the 'Home' page, then 'Home' is no longer a link. (The cursor turns to a text bar instead of a hand)

I have removed href from the html to stop this happening. leaving just
<a>Home</a>

This is fine, however, the colours that I specified in the css now no longer apply and the text is just black.

I have followed the instructions in the web pages that I have seen to retain the colours, or add them to an inline style sheet, but nothing seems to work.

I can only achieve adding one colour (but not making it change when visited or hovering) or changing the colour of ALL links.

Sorry if this is confusing.. I hope someone can help!
The relevent code is below.

HTML
<head>
<style type="text/css">
.homebut a:link {color: red;}
.homebut a:visited {color: purple;}
.homebut a:hover {color: orange;}
<!--none of the above seems to work-->
</style>
</head>
<body>
<div class="homebut">
<a>Home</a>
</div>


CSS
/*This is applied to all links but doesn't work when I remove HREF from the HTML*/
a:link { COLOR: #0099FF; text-decoration:none;}
a:visited { COLOR: #00FFFF; }
a:hover { COLOR: #FFFFFF; }