Typo3 如何配置带有图像和字幕的特殊按钮

我想用打字脚本生成下面的html按钮，但在尝试了几个小时后还没有成功。图像是页面图像，标题是页面标题，副标题是页面副标题。有人能帮忙吗

<div class="left_links">
  <a href="/verhalen-van-klanten.html"><img src="/images/layout/klanten.png"></a>
  <table class="left_text active">
    <tr><td><a href="/verhalen-van-klanten.html"><font style="font-size: 16px;">Verhalen van klanten</font></a></td></tr>
    <tr><td><a href="/verhalen-van-klanten.html">Wat vind jij?</a></td></tr>
  </table>
</div>

我使用了以下打字稿：

  tipmenu = HMENU
  tipmenu.special = directory
  tipmenu.special.value = 8
  tipmenu {
    1 = TMENU
    1 {
      expAll = 1
      wrap = <div class="left_links">|</div>

      NO {
        linkWrap = |<table class="left_text">
        after {
          wrap = <tr><td>|</td></tr></table>
          field = subtitle
        }      
      }
    }
  }

tipmenu=humenu
tipmenu.special=目录
tipmenu.special.value=8
蒂普梅努斯{
1=t菜单
1 {
expAll=1
包裹=|
没有{
链接包裹=|
之后{
包裹=|
字段=副标题
}      
}
}
}

将生成以下html：

<div class="left_links">
  <a href="tips/verhalen-van-klanten/" >Verhalen van klanten</a>
  <table class="left_text">
    <tr><td>Wat vind jij?</td></tr>
  </table>
</div> 

瓦特·维德·吉？

---

因此，它仍然缺少图像，标题位置错误，并且缺少围绕字幕的链接？

我不确定您对多个项目的预期输出，但以下代码应该满足您的要求

但请重新考虑您的菜单：

和

？15年前你就是这么做的。今天，我们有HTML5和CSS——不需要那些难看的格式标签

tipmenu = HMENU
tipmenu {
    special = directory
    special.value = 8
    1 = TMENU
    1 {
        expAll = 1
        wrap = <div class="left_links">|</div>
        NO = 1
        NO {
            # uncomment if needed
            # allWrap = <div class="left_links_one">|</div>
            beforeImgLink = 1
            beforeImg = GIFBUILDER
            beforeImg {
                XY = 80,80s
                10 = IMAGE
                10.file {
                    # load the first image in the media field
                    import = uploads/media/
                    import.field = media
                    import.listNum = 0
                    height = 80
                    width = 80m
                }
            }
            linkWrap = <table class="left_text"><tr><td><font style="font-size: 16px;">|</font></td></tr>
            after.cObject = COA
            after.cObject {
                30 = TEXT
                30.field = subtitle
                30.typolink.parameter.field = uid
                30.wrap = <tr><td>|</td></tr>
                wrap = |</table>
            }
        }
    }
}

tipmenu=humenu
蒂普梅努斯{
特殊=目录
特殊值=8
1=t菜单
1 {
expAll=1
包裹=|
否=1
没有{
#如果需要，取消注释
#全部包裹=|
beforeImgLink=1
beforeImg=GIFBUILDER
临睡前{
XY=80,80s
10=图像
10.文件{
#加载媒体字段中的第一个图像
导入=上传/媒体/
import.field=媒体
import.listNum=0
高度=80
宽度=80米
}
}
链接包裹=|
after.cObject=COA
在cObject之后{
30=文本
30.字段=副标题
30.typolink.parameter.field=uid
30.1.1|
包裹=|
}
}
}
}

为此使用表可能不是最好的选择。为什么不使用span标记从表中获取附加信息，并用一个a标记封装所有信息？