Joomla编辑器移动</a>标记

Question

半新手web开发人员对我的Joomla编辑器修改我的代码越来越感到沮丧。我在网上进行了研究，发现Q&As暗示了类似的问题，但我似乎无法解决这个问题。

从本质上讲，这是一段代码，用于创建一个链接图像，并在悬停时添加一个文本标题。所需代码如下所示：

<ul class="photo-grid">
<li>
<figure><a href="index.php?option=com_hikashop&amp;view=category&amp;layout=listing&amp;Itemid=179"><img src="images/purple-biothane-waterproof-dog-collars.jpg" alt="purple biothane waterproof dog collars" width="280" height="187" /><figcaption>
<p>Waterproof collars</p>
</figcaption></figure></a>
<p class="photocaption">FEATURED PRODUCT</p>
</li>

但每次打开编辑器时，</a>标记都会向上移动，紧跟在<img>标记之后。有没有人能提个解决方案，我真的很感激。谢谢。

Answer 1

您在</figure>之后关闭了<a>标记，但是您已经在<figure>中打开了它，因此需要在<figure>中关闭它。所以使用：

<ul class="photo-grid">
  <li>
    <figure>
      <a href="index.php?option=com_hikashop&amp;view=category&amp;layout=listing&amp;Ite‌​mid=179">
        <img src="images/purple-biothane-waterproof-dog-collars.jpg" alt="purple biothane waterproof dog collars" width="280" height="187" />
        <figcaption>
          <p>Waterproof collars</p>
        </figcaption>
      </a>
    </figure>
    <p class="photocaption">FEATURED PRODUCT</p>
  </li>