title: Can i make a link inactive in css?
body: <p>I have a list of events and for some reason the name of my first event in the list appears as a link. I do not have a <code>link_to</code> or <code>a href</code> tag and there's nothing else I can think of that would cause the event to be a link...there are no related divs or styles. So I am trying to mask the problem for the moment by making making it inactive but with the code</p>
  
  <pre><code>.inactivate {
     pointer-events: none;
     cursor: default;
  }
  </code></pre>
  
  <p>the name of my first event still appears as an active link 
  My html </p>
  
  <pre><code>&lt;% @events.each do |e| %&gt;
  &lt;div class="wrp"&gt;
  &lt;div class="otw"&gt;
  &lt;div class="edate"&gt;
  &lt;span class="strf"&gt;&lt;%= e.created_at.strftime("%b").to_s %&gt;&lt;/span&gt;
  &lt;span class="strf"&gt;&lt;%= e.created_at.strftime("%d").to_s %&gt;&lt;/span&gt;
  &lt;span class="strf"&gt;&lt;%= e.created_at.strftime("%Y").to_s %&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;div class="otr"&gt;
  &lt;span class="inactivate"&gt;&lt;%= e.name %&gt;&lt;/span&gt;
  &lt;%= link_to "Tables View", event_path(e)%&gt;
  &lt;%= link_to "Reservations", event_reservations_path(e)%&gt;
  &lt;%= link_to "Guestlist", event_guestlists_path(e)%&gt;
  &lt;%= link_to "Manage Inventory", event_path(e)%&gt;
  &lt;%= link_to "Promote", event_path(e)%&gt;&lt;br&gt;
  
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  &lt;% end %&gt;
  </code></pre>
  
  <p>I am using a span class "inactivate", but I can't get it working. Any suggestions?</p>
  
  <p>the generated html is</p>
  
  <pre><code>&lt;div class="otw"&gt;
      &lt;a href="events/new"&gt;
          &lt;div class="edate"&gt;
              &lt;span class="strf"&gt;Feb&lt;/span&gt;
              &lt;span class="strf"&gt;02&lt;/span&gt;
              &lt;span class="strf"&gt;2017&lt;/span&gt;
          &lt;/div&gt;
      &lt;/a&gt;
      &lt;div class="otr"&gt;
          &lt;a href="events/new"&gt;
              &lt;span class="non"&gt;mjq wednesday&lt;/span&gt;
          &lt;/a&gt;
          &lt;a href="/events/1"&gt;Tables View&lt;/a&gt;
          &lt;a href="/events/1/reservations"&gt;Reservations&lt;/a&gt;
          &lt;a href="/events/1/guestlists"&gt;Guestlist&lt;/a&gt;
          &lt;a href="/events/1"&gt;Manage Inventory&lt;/a&gt;
          &lt;a href="/events/1"&gt;Promote&lt;/a&gt;&lt;br&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and it shows an <code>a href="events/new"</code>. The only place i have that a tag is in a navbar i have </p>
  
  <pre><code>&lt;div&gt;
  &lt;ul class="uni"&gt;
     &lt;li class="evn"&gt;&lt;a class="active" href="#home"&gt;Home&lt;/a&gt;&lt;/li&gt;
     &lt;li&gt;&lt;div class="dropdown"&gt;
    &lt;button class="dropbtn"&gt;Dropdown&lt;/button&gt;
    &lt;div class="dropdown-content"&gt;
        &lt;% @venus.each do |v| %&gt;
        &lt;%= link_to v.name, venue_path(v) %&gt;
        &lt;% end %&gt;
    &lt;/div&gt;
  &lt;/li&gt;
     &lt;li class="uli"&gt;&lt;a href="#news"&gt;News&lt;/a&gt;&lt;/li&gt;
     &lt;li class="uli"&gt;&lt;a href="#contact"&gt;Contact&lt;/a&gt;&lt;/li&gt;
     &lt;li class="uli"&gt;&lt;a href="events/new"&gt;Add New Event&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>but the two are not connected in anyway..?</p>