garrethwills garrethwills - 1 month ago 5
CSS Question

Mailto links affecting code with no <a href tag

I have wracked my brain and can not find the reason this is happening. I have some links in one div that are mailto which work fine. But P tags and an image in a div in the next column seem to be inheriting the mailto.

I am using bootstrap. Has anyone come across this before? Can anyone see something I am missing?

Top of container with affected code:

<div class="row rowSettings col-sm-12">
<div class="col-sm-3 text-left sidepanel">

Some divs, then this div with the mailto links:

<li class="leftSubNavLinks"><a class="sublinks" href=" subject&body=prepopulated message" target="_blank"Contact</li>

and the following div that is inheriting the mailto:

<div class="col-sm-9 text-left">
<div class="col-sm-8 titleContainer">
<img src="url/image.svg" alt="">
<div class="col-sm-4 titleContainer">
<h1 class="mainTitle"> Title text</h1>
<div class="col-sm-9 clearfix">
<p class="bodyCopy" id="body-text">some text here</p>


You haven't closed your <a>

<li class="leftSubNavLinks">
  <a class="sublinks" href=" subject&body=prepopulated message" target="_blank">Contact</a>