问题标签 [w3-css]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
425 浏览

javascript - 如何使用 w3.css 作为框架以角度显示模态对话框?

我有一个角 NgFor 正在创建一个元素列表,我想显示一个关于单击元素的模式详细信息对话框,我使用 w3.css 作为 css 框架,但我没有成功

我尝试将 NgStyle 与从父母到孩子的一些输入一起使用,我在 4 天前使用了 angular,所以我还没有习惯它的逻辑,在控制台日志中我看到我的点击正在触发,但我不知道之后发生了什么

我的代码

列表组件和模板

模板

我的细节组件和模板

模板

我该怎么办?

注意

在 w3.css 教程中,他们使用通过 id 获取元素来将可见性更改为无或阻塞。

0 投票
1 回答
199 浏览

javascript - 为什么我的幻灯片在我的 React 应用程序中不起作用?

我已经在我的 React 应用程序中导入了 w3.css,我正在尝试在与正在渲染的组件相同的目录中创建一个包含 3 个图像的幻灯片。我是 React 的新手(也是一般的 Web 开发),并且正在为我的应用程序设计样式而苦苦挣扎。Home.jsx 的代码

我不确定我哪里出错了。我按照此处的说明进行操作 - https://www.w3schools.com/w3css/w3css_slideshow.asp并按照我认为我的应用程序需要进行了一些更改。我附上了我在本地主机页面上遇到的错误。 prop 需要从样式属性到值的style映射,而不是字符串。例如,使用 JSX 时 style={{marginRight: spacing + 'em'}}。

0 投票
0 回答
78 浏览

php - 更改幻灯片的图像,CKFinder 是最好的解决方案吗?

我们将 CKEditor 与 CKFinder 结合使用来更改我们网站上的项目。但是现在我们得到了一个幻灯片,其中包含我们服务器上的图像。使用完整的 CKEditor 编辑幻灯片可能很困难。我们必须自己添加类并在 CKEditor 中查看图片,这样就清楚了。

我想我只会使用 CKFinder 来编辑幻灯片并自动传递课程。但是我在网上找不到任何东西,我尝试改变配置,但这只会让事情变得更糟。您能帮助我朝着正确的方向前进,还是 CKFinder 不是为此目的的最佳软件?

0 投票
0 回答
827 浏览

html - 英雄形象没有出现

我正在一个网站上工作,我试图让一个图像基本上像横幅一样显示在页面的整个顶部,我正在尝试使用英雄图像来做到这一点,但是会接受其他可能更好的建议为了我。我遇到的问题是,无论我做什么,图像都不会显示,如果我添加文本,文本只会显示图像的位置,但不存在图像。查看控制台,路径是正确的,没有错误出现。我也在使用 w3.css 作为我的主要样式表

这是我的html文件:

我试图让“横幅”像导航栏一样穿过整个屏幕。

0 投票
3 回答
75 浏览

html - 如何解决此 wordpress 主题中帖子的对齐问题

我在这个网站上使用了 w3school 的 w3css,并且我使用了 w3-col l6 m6 s12 来显示帖子。它只是意味着它将在大屏幕上并排显示 2 个帖子,对于中侧显示也是如此,并且在小屏幕上只有一个覆盖所有 12 列。

但是帖子没有正确对齐。

我尝试将 height 属性添加为 auto 但它不起作用。

查看我在我的网站上上传的这个演示网站,以便您可以看到它的实际效果。

http://wordpress.takshaksh.xyz/wp/

网站在网上直播

0 投票
1 回答
794 浏览

html - 如何在 W3.CSS 中将两张卡片并排放置

我想将两张卡彼此相邻放置(水平)但目前它们是垂直对齐的。

那就是我想将标题 1卡放在标题2卡旁边,即使我使用了一些边距,它只在同一位置水平移动而不是垂直移动

0 投票
3 回答
1387 浏览

html - 如何将文本列表居中,然后在 w3.css 列中对其进行调整

我找不到一种方法既可以使联系方式居中又可以证明它的合理性,以便图标全部对齐。在全屏模式下更容易理解我的意思。

0 投票
1 回答
152 浏览

jqte - jQuery 文本编辑器在响应式页面中呈现不一致

我正在使用 w3.css 进行响应式页面设计。每种尺寸(小、中、大)都有自己独特(但几乎相同)的代码,我将其称为“部分”。每个部分都有多个 jQuery 文本编辑器 (JQTE)。当我查看大页面时,所有的 JQTE 都呈现完美没有问题。当我查看 Medium 或 Small 页面(使用浏览器开发工具)时,JQTE 显示为标准 textarea 元素,即使当我使用浏览器开发工具查看元素时,所有 JQTE 都已成功呈现。

即使我在页面首先设置为“小”或“中”的情况下呈现页面,它们也不会呈现。我试过用一个类调用 $().jqte() ,用单独的不同元素,用 $("textarea").jqte() ,但 JQTE 仍然只为大页面正确呈现。

下面的代码是在 ColdFusion 中使用循环呈现的,因此 #id# 值将替换为实际数值。

我用以下方式渲染 JQTE:

或者

或单独为每个元素:

其中 {elementid} 对应于 sm、md 和 lg 的每个 id。

根据大小,我有显示包含 JQTE 的 div 的按钮:

其中 ShowJQTE 只是切换相应 div 的显示。

如何让 JQTE 在所有页面大小上一致呈现?

0 投票
0 回答
16 浏览

html - 如何正确链接子文件夹中的导航页面

我已经尝试链接我的导航页面,但它不工作......我猜代码是正确的。我使用了链接 但是如果我从子文件夹中删除该页面,它将正确链接。请帮助

0 投票
1 回答
201 浏览

javascript - W3.CSS 导航选项卡 - 显示 2 id

我正在使用 W3.CSS 导航选项卡,但我遇到了问题。我有 2 个 id,我想在人们时显示 2 个 id,例如,单击选项卡“伦敦”然后显示 2 个 id。在 W3.CSS Navigation Tabs 代码中,我只能同时显示 1 个 id 但我不知道如何再添加 1 个 id 来显示

W3.CSS 导航标签代码