Hello fellas. Today I meet strange Drupal behavior and don't know what to do. I'm using template for my view, everythinkg render fine but Drupal unexpectedly put a close tag to my A HREF and copied this A HREF two times into different places. Please help me to fix that.

Here is my view template:

<?php
  $tid = $fields['tid']->content;
  $link = drupal_get_path_alias('taxonomy/term/' . $tid);
?>
<div class="panel panel-default" style="background-image: url('<?php print $fields['field_image']->content; ?>');">
  <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
    <div class="panel-body">
      <div class="read-more">Details <i class="fa fa-arrow-right"></i></div>
      <a href="<?php print $link ?>"><div class="spacer"></div></a>
    </div>
  </div>
  <a data-toggle="collapse" data-parent="#accordion-1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
    <div class="panel-heading" role="tab" id="headingOne">
      <div class="panel-icon">
        <i class="fa fa-map-marker"></i>
      </div>
      <h4 class="panel-title"><?php print $fields['name']->content; ?></h4>
      <ul class="hierarchy">
        <li><?php print $fields['field_world_zone']->content; ?></li>
      </ul>
    </div>
  </a>
</div>

Here is the rendered output:

<div class="panel panel-default" style="background-image: url('/sites/default/files/styles/fc/public/dest/imagefield_IVaqbY.png?itok=CM-x5EyZ');">
      <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
        <div class="panel-body">
          <div class="read-more">Details <i class="fa fa-arrow-right"></i></div>
          <a href="destinations/nocriso"><div class="spacer"></div></a>
        </div>
      </div>
 
      <a data-toggle="collapse" data-parent="#accordion-1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
      </a>
      <div class="panel-heading" role="tab" id="headingOne">
      <a data-toggle="collapse" data-parent="#accordion-1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
      <div class="panel-icon">
        <i class="fa fa-map-marker"></i>
      </div>
      </a><h4 class="panel-title"><a data-toggle="collapse" data-parent="#accordion-1" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"></a><a href="/destinations/nocriso">nocriso</a></h4>
      <ul class="hierarchy">
        <li><a href="/world-zone/meswivispa" typeof="skos:Concept" property="rdfs:label skos:prefLabel" datatype="">meswivispa</a></li>
      </ul>
    </div>
 
  </div>

Comments

uttamkotekar’s picture

ul

is a block element tag, and

a

is an inline element tag - and block element tags should never go inside inline element tags.