Cannot get different linkstyles to work in same div 1

[Gert74]

Hi, my textlinks in a certain div have the following style:

#main a{ color:#6cc000;  border-bottom:1px dotted #FF6600;text-decoration:none; font-weight:bold}

I also have two imagelinks in the same div, but I don't want these to be underlinde (with border-bottom) so I added a style no_decoration. It looks like this:

.no_decoration {border-bottom:none;}

The html:

<h2>over mij</h2>
  <p>Some text with a <a href="over-mij.php">textlink</a>.</p>
  <a href="/contact.php" class="no_decoration"><img src="static/img/btn_vragen_stel_ze_gerust.gif" alt="Knop: Vragen? Stel ze gerust" width="164" height="29" class="button" /></a>
</div>

Unfortunately the imagelink has the same dotted underline as the textlink. Is there anybody out there who can tell me how to get rid of this.

Gert

 

[ChrisHirst]

you should supply all three values for the border-bottom "shortcut" to ensure it will override any earlier definition.

or use border-bottom-style:none;

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[Gert74]

Hi Chris,

Thanks for your answer, but unfortunately it doesn't work. Any other suggestions?

Cheers,


Gert

 

[ChrisHirst]

Be specific

#main a.no_decoration {

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[Gert74]

Thanks Chris, That was it!!

Gert