通过CSS在外层div容器改变图像的大小(Change size of image through

2019-10-29 14:37发布

我想通过css来改变图像的宽度。 由于我通过TYPO3这样我只能访问到外部的div容器(内容元素的自定义边框)。 所以我添加下面一行到我的CSS文件:

.Bild-Startseite img { max-width:50% !important; }

DIV的容器使用Bild-Startseite 。 不幸的是,容器不调整,留下一个空白区域上的图像的右侧。 这怎么可能纠正,使图像右对齐,文本漂浮在周围? 我只是想改变这种形象,而不是其他人在网站上。 此外TYPO3不给我访问其他容器。

该网站是在这里: http://web182.theta.ibone.ch/klingler_ag/home.html

谢谢

Answer 1:

为了这一目标的工作,你应该风格你的图像容器。 你的情况:

figure.csc-textpic-image.csc-textpic-last

你说,你想这是这个特定页面上只适用。 请尝试以下方法:

#c48 figure.csc-textpic-image.csc-textpic-last {
    max-width: 400px; /* or whatever value you may fit. */
}

我相信#c48是针对只有一页。 所以,你必须只应用于页面的规则。

如果#c48不是特定于只有该页面,那么你应该添加一个CSS类,你的身体上。

您应该编辑您的typo3 templatesetup field上的main template ,然后执行:

page = PAGE
page {
    ...

    bodyTagCObject {
        field = uid
        wrap = <body class="uid-|">
    }

    ...
}

有了这个,你将有一个单独的类,并与,你可以简单的做:

.uid-yourIdNumberHere figure.csc-textpic-image.csc-textpic-last {

//your page specific style here.

}


文章来源: Change size of image through css in outer div container
标签: css typo3