jvchamary

Cool, so which worked?

Yes, you’re right, in Firefox the following so-called text declaration is overriding div.storycontent p a img

.storycontent a {
	text-decoration: none;
	border-bottom: 1px dashed #000000;
}

The only way to get around this is set the border for div.storycontent p a img to black, then assign a class to the link around the image, i.e. <a href="http://google.com/" class="link_class_name"> (with its own declaration, a.link_class_name {border-bottom: 1px dashed #ff00a5;})

Do you really need the underline of text and images to be different colours? This, to me, would be more hassle than it’s worth, as you’d have to add the class to the image link every time you post, rather than relying on the cascading nature of CSS.

Moreover, from an interface point of view, it’s also good that a website has a sense of ‘cohesion’: a user should easily be able to tell what is a link. All links using the same colour scheme is a good way to do this.

Within the div.storycontent p a img declaration.

If that doesn’t work, try this…
img, a img {border: none;}

poppacket, I wouldn’t recommend defining a CSS class that has the same name as an HTML element.

noncollective, not sure if you’ve seen this, but you can turn off the visual editor by default. The option is (illogically) under Users>Administrator>EditUser (tiny checkbox at the top of the page).

Thanks jv. There doesn’t seem to be a span element in my PHP template.

Then the style must have been added to the actual post/Page (i.e. the_content). Look at it using the code view, under Admin/Manage.

Should I include one?

Only if you intend to include an image in every post!
For what you’re aiming for here, maybe you should style ‘p a img’ instead? I would also recommend turning off the visual editor.

In terms of general CSS advice, I’d suggest cutting down on DIVs and apply styles to standard HTML elements instead… much less code :p

You are getting two underlines because your image is enclosed by two elements, ‘div.storycontent a’ (dashed pink) and a ‘span’ (solid blue). Looking at the source code, I see that the latter is styled within the HTML, not the style sheet.

BTW, this is a CSS question, not WordPress. Perhaps the ‘span’ element is present in your PHP template?