Home/ Questions/Q 7190341
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T19:29:37+00:00

<a href=#> <img width=103 height=100 src=img source> </a> for the above html code I

  • 0
<a href="#">
        <img width="103" height="100"  src="img source">
    </a>

for the above html code I am using the following css

a {
    border-bottom-style: dotted;
    border-bottom-width: 1px;
}

a img {
    border: 0 none;
}

Basically what I am trying to achieve here to underline the text links while keeping img links without any underline. however I guess by styling the text links I am also styling image links, I want any image in a link should not be underlined.

Can any one suggest work around for this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The underline is caused by the text decoration on the a. So just apply text-decoration:none to the a.

    Edit: there is currently no CSS-only way to apply a style to “any a that has an img as its child”. CSS does not have selectors for that. So you’ll either have to make these as unique by giving them classes (or other attributes) and apply the CSS to those classes, or run some script that tests for imgs in as and gives those as the desired style.

    • 0