0

这是一个主题、HTML 或 css 问题。所以当我提到“tiki”时请不要离开这个。我相信它可以通过一个简单的 css 脚本来解决。

在我们的大学页面中，我使用 Tiki-wiki 平台。请查看人员页面。此页面由多个表格组成，每个表格中都列出了一组人。

问题：在以前的 Tiki 版本中，整个页面中的所有名称都在没有我干预的情况下对齐。现在在新版本的 Tiki 中，您会看到所有名称都没有对齐。每个表都有自己的名称定位。尽管所有表格都具有完全相同的 html 标记和 css 样式以及完全相同的图像大小，但情况确实如此。

这在以前版本的 tiki 中有效，这让我相信这只不过是一个样式问题，因为主题也已更新。

你能告诉我我必须做些什么来解决这个问题并使所有名称对齐吗？对于每个表，我创建了自己的 div，类名为“peopletablediv”。

如果您需要任何其他信息，请询问。

PS：重新创建整个页面不是首选解决方案。

4

5 回答 5

1

在 CSS 中，您可以为包含 td 的图片指定一个固定大小：

.wikicell
{
    width: 408px; /* or any convenient value here */
}
于 2015-05-27T09:12:16.657 回答
1

只需添加

.peopletablediv .wikitable {
    table-layout: fixed;
}

到您网站的 CSS 就完成了。

于 2015-05-27T09:13:26.957 回答
0

我会尝试将此添加到您的 CSS

.wikitable > tr > .wikicell:first-child{
    width: 350px;
}
于 2015-05-27T09:14:27.020 回答
0

对于 HTML 解决方案，您可以在每个表格的标记<colgroup>下方添加一个：<table>

  <colgroup>
    <col style="width: 380px;" />
    <col colspan="2" />
  </colgroup>

所以表格代码可能如下所示：

<table class="wikitable table table-striped table-hover">
  <colgroup>
    <col style="width: 380px;">
    <col colspan="2" style="background-color:yellow">
  </colgroup>
  <tbody>
    <tr>
     <td class="wikicell"><a><img width="120" ...></a>
     </td>
     <td colspan="2" class="wikicell">Prof. Dmitry Budker <br><a ...>Send e-mail</a> 
     </td>
    </tr>
  </tbody>
</table>
于 2015-05-27T09:17:29.940 回答
0

抱歉，我无法添加评论，显然仍然没有足够的“点”，所以这更像是一个问题而不是答案......

您升级到和从哪个版本的 Tiki 升级？（我们前几天发布了 4 个新版本）“人物页面”在哪里，抱歉，我没有看到链接。

如果您从 Tiki 12（例如）升级到 13 或 14，那么整个框架已更改为 Bootstrap，因此可能需要一些额外的自定义 CSS 来重新创建以前的外观（正如您所怀疑的那样）。如果没有一个例子，我真的无法准确地说出什么。

希望我有更多信息时可以改进我的“答案”，谢谢:)

于 2015-05-28T00:15:36.067 回答