Question

半新手Web开发人员越来越对我的Joomla编辑器改变我的代码感到沮丧。我在网上进行研究，发现Q＆amp; 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

您正在<a>之后关闭</figure>代码，但您已在<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>

Joomla编辑器移动标签

1 个答案: