Sometimes, i hate CSS

Trying to work out at the moment to control the behaviour of an image that is controlled by another part of the css.

Confused? Fantastic.

I have this in the CSS (it is to make sure the nav i have floats where i want it to:

Code:

Select All

 

img {
    margin: 0;
    border: none;
    padding: 0;
    position: relative;
    float: left;
        }

img { {BR} margin: 0; {BR} border: none; {BR} padding: 0; {BR} position: relative; {BR} float: left; {BR} }

 

However, in another div i have an image i would like centered but as they are in img tags they are floating to the left. Is there a way to force this one image to do as it's told, or have i just got to live with it?

tired duplicating the css code above, naming the second one something else and then assigning the css to the images accordingly through class or id?

If that doesnt make sense i'm sorry

Posted By dog199200 on 10th Dec 08 at 12:09pm

 

tired duplicating the css code above, naming the second one something else and then assigning the css to the images accordingly through class or id?

If that doesnt make sense i'm sorry

I think i understand, but if you could make it a bit clearer then i'd really appreciate it

In the image tag itself, simply have it align center using an inline style attribute. Inline styles always override external & embedded styles.

Why not give the image a class? Or the thing it's 'in' a class then you can do something like:

.nav img {
...
}