By jnvsor on

I have tried everything... 

img, a:link img, a:visited img, a:hover img, a:active img {
text-decoration: none !important;
border: none !important;
{

Even the above doesn't work!!!

⋅ Categories: Drupal 5.x

Comments

bwv’s picture

bwv commented

Without checking the validity of the code you supply, it is possible that that code is being overridden by another style sheet elsewhere in your drupal installation (although style.css in your theme folder is the last one that drupal reads and should supercede all others). Most modules have their own style sheets, and most of the drupal core modules do as well.
----------------------------------------------------------------------
http://www.bwv810.com/

I am a writer, researcher and solo drupal freelancer.
Je peux communiquer en français. / Я могу общаться на русском языке.

jnvsor’s picture

jnvsor commented

This is the style.css, and getfirebug confirms that it takes precedence, but the border shows up nonetheless...

I can't find ANYTHING wrong with it, its right at the end of the style.css file, with !important notes, and firebug confirms it should be working...

This is wierd...

You need this if you're gonna make a website

bwv’s picture

bwv commented

Perhaps try breaking up the tags into discrete entities, i.e., avoid the use of commas.
----------------------------------------------------------------------
http://www.bwv810.com/

I am a writer, researcher and solo drupal freelancer.
Je peux communiquer en français. / Я могу общаться на русском языке.

silverwing’s picture

silverwing commented

removing the commas after the img and is that really the closing bracket { ?

~silverwing

_____________________________________________
Land of Midnight | MisguidedThoughts | showcaseCMS

hollybeary’s picture

hollybeary commented

you could also try border: 0; or make the border-color transparent if all else fails. :)

jnvsor’s picture

jnvsor commented

I tried border: 0 and border: none...

the closing bracket was a mistake...

I also tried to make it transparent, but that didn't work either...

Nothing works!

Strange...

You need this if you're gonna make a website

hollybeary’s picture

hollybeary commented

Hmmm, could you possible post a link maybe? Without seeing it I can't think of what could be going wrong.

jnvsor’s picture

jnvsor commented

Gamingevolution, its dutch so don't mind that...

You need this if you're gonna make a website

mantyla’s picture

mantyla commented

If you have all of your other links underlined, I think that is the cause. The CSS modifiers are applied from inside to outside, meaning if you had something like <em><u><a>link</a></u></em> it would end up being italic and underlined no matter what the CSS for the a element said.

So, if you have <a><img src="something"></a> then the image ends up underlined because the enclosing a tag says so.

jnvsor’s picture

jnvsor commented

Repeating the obvious:

img, a:link img, a:visited img, a:hover img, a:active img {
text-decoration: none !important;
border: none !important;
}

You need this if you're gonna make a website

benheu’s picture

benheu commented

the html should look like that.

<a href="#"  >
                        <img src="img.png" />
                        <span>my text</span>
                    </a>

Then set your css that way:

a, a:hover, a span
{
  text-decoration:none;
}

a:hover span
{
  text-decoration:underline;
}

Hope that helps.