问题标签 [page-layout]

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 回答
181 浏览

html - 如果右侧列为空,CSS页面布局的中心列如何向右扩展?

我正在尝试将三列网页布局从 HTML 表格转换为 CSS,但是到目前为止我无法复制一个特征。

HTML 解决方案允许通过 php 将照片放置在正文右侧的列中,但是在没有照片的情况下,该列会折叠,并且正文内容会延伸到最终的右侧“间距”列以保持右侧边距。

到目前为止,我发现在 CSS 中实现三列数组的唯一方法是使用固定宽度的容器,并为定义列的 div 标签使用固定宽度样式以及浮动。HTML代码的基础是:

核心 CSS 样式是:

因为列的宽度是固定的,删除图像标签会在正文右侧留下很大的间隙,我在网络搜索中找到的建议都没有显示出令人满意的解决方案——通常是右侧列的折叠尽管明显有更多空间可用,但中心栏中的文本布局保持不变。

我想避免会导致浏览器兼容性问题的解决方案 - 有什么方法可以在 CSS 中实现我想要的,还是我必须坚持现在不推荐使用 HTML 表格标签?

彼得·N。

0 投票
2 回答
131 浏览

iframe - 如何在顶部、底部和右侧部分布局 HTML 页面?(概念,而不是死记硬背)

我想将 HTML 页面分为三个部分。我称之为 TOP 的一个占据了窗口的左上角。另一个(底部)占据左下部分。第三个(RIGHT)占据右侧部分。

TOP 和 BOTTOM 具有相同的宽度,这是固定的。RIGHT 填充窗口的剩余宽度。

BOTTOM 垂直扩展以适应其内容。TOP 填充窗口的剩余高度并具有最小高度。RIGHT 填充窗口的高度。

如果内容溢出,TOP 和 RIGHT 会垂直滚动。BOTTOM 隐藏了它的溢出(只有当窗口变得非常短时才会发生这种病态的情况)。

我想自己弄清楚如何做到这一点,但我需要一些关于如何处理它的一般建议。

我应该用三个 <iframe> 来完成整个事情吗?三个 <div> 使用绝对定位,每个都包含一个 <iframe>? 左侧和右侧 <div>、顶部和底部 <div> 位于左侧 <div> 中,以及每个 <iframe> 中?

我应该使用哪些 CSS 属性来制作 <iframe>s 或 <div>s 或任何我想要的行为方式?

0 投票
1 回答
98 浏览

html - 如何在顶部、底部和右侧部分布局 HTML 页面?(第二轮)

这是我几天前以相同的基本标题发布的问题的一个分支。

回顾一下我正在尝试做的事情:

我想要一个分为三个部分的 HTML 页面。一(TOP)占据窗口的左上部分。另一个(底部)占据左下部分。一 (RIGHT) 占据右侧部分。

TOP 和 BOTTOM 具有相同的固定宽度。RIGHT 填充窗口的剩余宽度。

BOTTOM 垂直扩展以适应其内容。TOP 填充窗口的剩余高度并具有最小高度。RIGHT 填充窗口的高度。

如果内容溢出,TOP 和 RIGHT 会垂直滚动。BOTTOM 隐藏其溢出。

尽管我仍然不太了解 CSS 属性,但我编写的代码几乎完全符合我的要求,就行为或部件而言。唯一的问题是 TOP 似乎填充了窗口的高度——而不是 BOTTOM 未占用的部分。因此,当我缩短窗口时,TOP 不会开始滚动,直到窗口变得比 TOP 的文本短,即使 BOTTOM 在此之前隐藏了文本的结尾。

我应该怎么做才能使 TOP 结束在 BOTTOM 的顶部,而不是窗口的底部?

0 投票
1 回答
1382 浏览

apache - 如何使用 apache poi 为 .xls 文件设置页面布局视图模式?

我正在使用 apache poi 创建一个 .xls excel 文件。我需要默认设置页面布局视图。我无法找到执行此操作的 api。

我确实查看了有关 .xlsx 文件的相关问题 - Set page view mode in excel file using apache poi

但我没有找到 .xls 文件的等效方法。

请帮忙。

谢谢。

0 投票
0 回答
288 浏览

sharepoint-2010 - 还原后 SharePoint 2010 页面布局中的 NullReferenceException

它是 SharePoint 2010 发布网站。我有一个页面布局,其中添加了一些用户控件。这些用户控件中有 rad 编辑器控件。除非有一天我将备份从生产环境恢复到我的开发和测试环境,否则一切都运行良好。这个关于开发和测试环境的页面开始给出“System.NullReferenceException:对象引用未设置为对象的实例。”。当我调试控件实际上是空的,并且调试器直接来为字段设置函数时,它在进入设置器之前不会调用page_load函数。

即使在备份还原之后,这些相同的控件也可以在其他页面布局中工作。我在这些控件工作和不工作的页面布局中看到的唯一区别是 AutoEventWireup="true"。我尝试将此属性添加到不起作用的页面布局,但 SharePoint 开始给出不允许此属性的错误。现在,无论我做什么,从我的布局中添加或删除此属性,我都会不断出错。

我注意到的另一个区别是此布局之前已更新,其他布局很可能在网站从 MOSS 2007 迁移到 SharePoint 2010 后从未更新。使这些页面正常工作的唯一方法是从页面中删除这些控件,

请帮我找到解决这种情况的方法。我已经阅读了一堆关于“AutoEventWireup”的文章我不确定这是否是问题所在,在我目前的情况下似乎没有任何解决方案。

0 投票
1 回答
441 浏览

css - Sharepoint 2007 自定义页面布局样式

我在为 SP 2007 制作自定义页面布局时遇到问题。

我的意思是,它有点工作,但在编辑时看起来很糟糕:

让我们看看编辑时的样子:

编辑

我是这样设计的:

和样式(现在很简单):

你能告诉我为什么它在编辑页面上看起来如此糟糕吗?

顺便提一句。这是 SP 给我的输出:

0 投票
1 回答
142 浏览

sharepoint - 在 Sharepoint Developer 中编辑 Sharepoint 站点主页

我刚刚在SharePoint Designer中编辑了我的发布网站主页。该页面最初包含一些 Web 部件。

就 SharePoint 品牌而言,我是新手。当我意识到我无法编辑 Web 部件区域之外的区域时,我在高级模式下进行了编辑,因为我需要这样做,所以我使用高级模式进行了尝试。我编辑了页面,添加了一些内联 CSS 样式,甚至添加了一些额外的 Web 部件区域。当我预览时,一切看起来都很好,所以我保存并认为一切都很好。但令我惊讶的是,只有我的帐户(系统帐户)才能看到我所做的更改。域上的所有其他用户仍然可以看到原始页面,而没有我最近的任何更改。

我一遍又一遍地完成了签入和发布循环,但没有运气。

有没有人知道我在这里可能做错了什么以及我可以做些什么来解决这个问题。

0 投票
1 回答
961 浏览

xml - 如何使用布局句柄修改页面布局

我正在创建自定义页面布局。我已将必要的 XML 添加到模块的 config.xml 文件中,创建了模板,并且可以在管理面板中选择模板。

我似乎无法使用布局句柄修改页面布局。通过修改,我的意思是将 JS 添加到头部,添加一个 body 类等。在我的 config.xml 中,我有以下内容:

然后在 mymodule.xml 中,我有以下 XML。它都不起作用。当我访问应用了我的页面布局的类别时,以下更改绝对不会生效。我错过了什么?

0 投票
1 回答
152 浏览

html - 如何保持浮动项目在容器内居中

好的,我已经启动了我的页面的初步版本,但是我遇到了两个包含在标题标签中的浮动 div 的问题。基本上,我希望这两个矩形在包含的 div 标记内居中。其中一个矩形与另一个重叠。我必须定位以便能够在容器内扩展它们,否则第二个会跳到第一个之下。

这是我到目前为止所拥有的。

这是页面的 css - 在我们解决这个问题后,我有一个后续问题。

我无法删除位置标签,因为它们为我提供了我想要完成的布局。

让妈妈知道您是否需要更多信息。先感谢您。是的,我已经搜索了这个页面和其他页面以找到解决方案,但似乎没有一个适用于我的特定情况。

让我澄清一些事情......在我继续之前,我的大部分(98%)选择器都在样板模板中。话虽如此,这里每个选择器的计算效果:

.gridContainer.clearfix #headGraphics; 宽度 950 像素,边距 0 自动,字体系列单字粗细 800 像素,大小 20 像素,文本居中对齐。.gridContainer.clearfix #headGraphics #headRectangle1; width 350px, height 75px, display inline-block, margin rt & lft auto, position relative, box-shadow(不能正常工作) .gridContainer.clearfix #headGraphics #headRectangle2 width 350px, height 75px, display inline-block, position relative, top -50px, rt 0px, bot 0px, left 100px(这是为了使对象向上并从矩形偏移),向左浮动,清除两者,文本中心。

0 投票
1 回答
119 浏览

page-layout - 您如何将基于百分比的边距放入 CSS 网格?

我正在尝试学习如何构建网格系统 - 到目前为止,这就是我所拥有的。我想知道的是,我将如何在列之间创建实际的间隙?如果我输入边距,一切都会超出网格,因为“box-sizing”只考虑边框和填充。我能想到的唯一方法是给每一列加粗边框。

有没有办法让边距起作用,所以列之间有一个实际的空间?