Viewing 5 replies - 16 through 20 (of 20 total)
  • Thread Starter noncollective

    (@noncollective)

    Yeah, it only happens to linked images. I have a bunch of posts set to private and they are fine. Where should I put the left and right borders to 0?

    Within the div.storycontent p a img declaration.

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

    Thread Starter noncollective

    (@noncollective)

    Thread Starter noncollective

    (@noncollective)

    OK great. Nearly there. I have one more question then I promise to never ask another question on this forum again.

    Currently in safari it’s looking the way I want it. In firefox though there is a black dashed underline which looks like it’s linked somehow to the roll over function that I am using on linked text. Is it possible to get rid of it?

    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="https://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.

Viewing 5 replies - 16 through 20 (of 20 total)
  • The topic ‘Remove underline for linked images?’ is closed to new replies.