Links bottom border, but not on images (CSS)

Russinating · 31 Oct 2008 at 23:53

I'm currently using the border-bottom: 1px dashed #xxxxxx; effect for links. My question is how can I prevent this from being applied to images? I've tried using bottom-border: 0px; to no avail. There's probably a simple way using a variety of classes but I figured rather than me going about it completely the wrong way and making a botched workaround I'd ask for advice here.

Thanks in advance as always

Russinating · 4 Nov 2008 at 17:58

None of the above work :/

Russinating · 4 Nov 2008 at 20:25

Code:

a {
	color:#b0ddec;
	text-decoration:none;
	border-bottom: 1px dashed #0093c6;
}

a:hover {
	color: #0093c6;
	text-decoration: none;
        border: 0px;
	}

Russinating · 5 Nov 2008 at 22:26

Tried all the above. CSS now looks like:

Code:

a {
	color:#b0ddec;
	text-decoration:none;
	border-bottom: 1px dashed #0093c6;
}

a:hover {
	color: #0093c6;
	text-decoration: none;
	border: 0px;
	}

a img {
        border: 0px !important;
}

img {
	border: 0px !important;
}

And still makes no difference. There's no more code relating to images or image/link borders :/.

Russinating · 6 Nov 2008 at 10:34

Still doesn't work with Jestar's advice. No other classes applied to the images and the image dash colour changes when I change the a colour as suggested above ^^.

Site is here. CSS file is here.

Russinating · 6 Nov 2008 at 10:54

Mammalian said:
you silly sausage, you have put "a.img", not "a img"

That's what DJ Jetstar told me to do? :confused:

So is the only way of fixing it to add 'class="image"' to every image on the site? Will try anyway.

edit: Ok, works, but having to add a class to every linked image is a bit of a pita!

Russinating · 6 Nov 2008 at 11:10

Well at least it works! Having some problems getting borders to display on non-linked images when needed now but that's no biggy so can't be bothered to sort that out right now.

Thanks for all your help guys.