小编Mar*_*cel的帖子

带锚的Typo3菜单

使用Typo3构建菜单需要帮助.目前我在TS中构建我的菜单:

TopNavigation = HMENU
TopNavigation {
  special = directory
  special.value = 3
  entryLevel = 1
  1 = TMENU
  1.expAll = 1
  1.NO = 1
  1.NO.wrapItemAndSub = <li class="parent"> | </li>

  2 < .1
  2.expAll = 0
  2.NO = 1
  2.NO.ATagBeforeWrap = 1
  2.NO.wrapItemAndSub = <li> | </li>
  2.wrap = <ul class="dropdown"> | </ul>
}
Run Code Online (Sandbox Code Playgroud)

但是像这样,Typo3使用页面树来创建导航.现在我想从页面本身添加锚点到我的导航.我发现这样做的TS看起来像这样:

AnchorNavigation = CONTENT
AnchorNavigation  {
  table = tt_content
  select {
    pidInList = this
    orderBy = sorting
    where = colPos=0 AND sectionIndex=1
    languageField=sys_language_uid
  }
  wrap = …
Run Code Online (Sandbox Code Playgroud)

anchor menu typo3 typoscript

5
推荐指数
1
解决办法
1540
查看次数

CSS Table-Row Backcolor vs Table Backcolor

我有CSS的问题.我列出了div标签.问题是:.table-cell后面是.table-row,这就是为什么我认为.table-cell的背景颜色为黄色,接下来是灰色.

但是当我将border-top-left-radius应用于.table-cell时,蓝色来自角落,而不是灰色.正如你在这里看到的那样.我在Windows 8.1上使用Google Chrome 43.0.

<div class="table">
  <div class="table-row">
    <div class="table-cell">Row 1 - Cell 1</div>
    <div class="table-cell">Row 1 - Cell 2</div>
    <div class="table-cell">Row 1 - Cell 3</div>
    <div class="table-cell">Row 1 - Cell 4</div>
  </div>
  <div class="table-row">
   <div class="table-cell">Row 2 - Cell 1</div>
    <div class="table-cell">Row 2 - Cell 2</div>
    <div class="table-cell">Row 2 - Cell 3</div>
    <div class="table-cell">Row 2 - Cell 4</div>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

CSS代码如下所示:

.table {
  display:table;
  background-color:blue;
}

.table-row {
  display:table-row;
  background-color:gray;

}

.table-cell {
  display:table-cell;
  background-color: yellow; …
Run Code Online (Sandbox Code Playgroud)

html css background-color css-tables

5
推荐指数
1
解决办法
219
查看次数

为什么我的第二个 :nth-child 选择器优先?

我有一个关于:nth-child()css的问题。

当我有这样的 HTML 结构时:

<div class="parent">
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
  <div class="child">child</div>
</div>
Run Code Online (Sandbox Code Playgroud)

我的 CSS 看起来像这样:

div.parent div.child:nth-child(3n) {
  background-color: yellow;
}

div.parent div.child:nth-child(2n) {
  background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

似乎第二条(最后一条)指令正在获胜。在每个环境中都是这样吗?

这是一个包含此示例的JSFiddle,其中 CSS 部分切换了两次。

html css css-selectors

2
推荐指数
1
解决办法
1173
查看次数

来自 FAL 的 Typo3 CKEditor 图像

我使用 CKEditor 设置了一个全新的 TYPO3 8.7.4 安装并rte_ckeditor_image从 FAL 获取图像。

rte_ckeditor_image它的文档中说:

最大尺寸与必须在 Page TSConfig 中设置的魔术图像的配置有关:

# Page TSConfig
RTE.default.buttons.image.options.magic {
    maxWidth = 1020  # Default: 300
    maxHeight = 800  # Default: 1000
}
Run Code Online (Sandbox Code Playgroud)

我这样做了,但仍然无法使图像的宽度大于 300 像素。

我已经看过TYPO3的源代码了。有一个文件typo3/sysext/core/Classes/Resource/Service/MagicImageService.php有两个变量:$magicImageMaximumWidth$magicImageMaximumHeight. 如果更改它们的值,我可以使图像的宽度大于 300 像素。

该文件还有一个函数setMagicImageMaximumDimensions(array $rteConfiguration),该函数应该更改两个变量,但似乎没有这样做。

我做错了什么还是无法更改最大图像尺寸?

谢谢。

typo3 ckeditor typoscript tsconfig fal

2
推荐指数
1
解决办法
771
查看次数