CSS - Inline Not Overriding External

Hi, I am trying to add bottom borders and image bullets to only the first level of unordered lists and no matter what is code, I get them everywhere.

Can someone offer some insight (or where I can get some) for targeting specific ul li levels?

Thanks...

I'm making changes to a web application and right at the top of the CSS of the common header for the generated HTML there are pseudoclasses for the link colors. a:link a:hover.... etc.

I was trying to change the color of a few links further down on the page by creating seperate classes and I was getting very odd results. Some links would change color and some would not. Finally I noticed the pseudoclasses at the top and commented them out. Suddenly all my colors looked GREAT in internet explorer, but it seems that Mozilla is ignoring my seperate classes and making the links into the browser default.

Here is a summary of my generated code right now:

CSS:
a:link,a:active,a:visited { color : #5E6C85; }
a:hover { text-decoration: underline; color : #DD6900; }

.indnav { font-weight: bold; font-size: 11px; color : #000000; }
a.indnav { text-decoration: none; color : #000000; }
a.indnav:hover { text-decoration: underline; }


HTML:
<span class="indnav"><a href="index.php" class="indnav">(link text)</a></span>


So what I would really like is for the pseudoclasses to apply for all links, except for when I define a specific class it should override the pseudoclasses. How do I do this? Thanks so much for your time in answering.

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!

Hi there!
http://pastebin.com/m46dae086

Basically, see line #218? I define a background image for my lists, and it works great.

See line #473? I try to erase the background image if the <dl> class has the "forum" class attached to it.

That background's not going away. What am I doing wrong?

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

please delete

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!

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?

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...

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;

} 

Hello everyone,

I'm working on this page http://jordanmeeter.com/photos/sets/ and I want to get the set description inline with the <h2>. I can just baaaaarely remember how to do it, but everything I'm trying doesn't work. Can someone help me out?

Thanks,
Jordan

What is the difference between inline styles and id's? Are there places where you should use one and not the other?

Sorry if this has already been answered but I couldn't find anything in a search.

Hello, my code works fine on my MAC browsers, but on my PC, IE6 browser, the buttons underneath the body of the page don't align.

Here's the site: http://www.caillouette.com/Utilitrek/three/
Here's the CSS:http://www.caillouette.com/Utilitrek/three/style2.css

Can someone tell me if this site looks okay in IE 7? I can't download IE 7 because of some technical quirk on my computer.

And if they don't align in IE 7, please tell me what I should do.

thanks
-Sean

I'm having trouble getting the following to work

im = image

Code:

im im <div id = "controlText">Variable Length Text</div> im im

my style info

Code:

#controlText{
position:inline;
text-align:center
width:200px
}

I know that once I turn the div into an inline element I throw away the width which is what my problem seems to be.

What is happening is you click forward (these are calendar controls) one month and then the text is short and your mouse is now over the year forward button which you then accidently click. I want the div or whichever tag to alwasy have the same width no matter what the text.

Is there any other way to get this to work than multiple floated divs?

I need to style all images within a div. For example, I want to do something like this:
<div style="img{border: 0;}">
<img src="" />
<img src="" />
<img src="" />
</div>

But that does not seem to work. Is it this possible with css?
It is for an ebay template, so I don't think I can reference a separate stylesheet.

thanks.
Charley