Show Link Icons Depending On Protocol

Place an icon next to each link depending on the protocol used in the href attribute of the anchor tag. This way you can mark external links that are secure (through https) for all browsers supporting CSS 2.1 or later.

  1. a[href^=”https:”]
  2. {
  3. display: inline-block;
  4. padding-right14px;
  5. background: transparent url(Images/SecureLink.gifcenter right no-repeat;
  6. }
Nathan Pakovskie is an esteemed senior developer and educator in the tech community, best known for his contributions to With a passion for coding and a knack for simplifying complex tech concepts, Nathan has authored several popular tutorials on C# programming, ranging from basic operations to advanced coding techniques. His articles, often characterized by clarity and precision, serve as invaluable resources for both novice and experienced programmers. Beyond his technical expertise, Nathan is an advocate for continuous learning and enjoys exploring emerging technologies in AI and software development. When he’s not coding or writing, Nathan engages in mentoring upcoming developers, emphasizing the importance of both technical skills and creative problem-solving in the ever-evolving world of technology. Specialties: C# Programming, Technical Writing, Software Development, AI Technologies, Educational Outreach

Leave a Reply

Your email address will not be published. Required fields are marked *

Back To Top