问题标签 [two-columns]

这个问题参考了这个页面：2-Column Team Page

注意：我不得不删除一些链接，因为我是这个网站的新手。请查看示例页面。

我正在使用 WordPress 3.5.1 和 Poloray 主题。

我正在我的组织中创建一个合作伙伴页面。该设计需要 2 列：左列有图像，右列有个人简历页面的摘录。将鼠标悬停在图像上会显示联系信息（这很好用）。

我已经尝试了几天来实现在一个主题中生成 2 列的代码。当我创建一个左/右列对时，所有内容都排成一行。但是，一旦我为下一个人复制代码，第二个生物摘录就会被推低。

我找到的代码是：

{浮动：对；宽度：65%；填充：1%；}-->

div 为每个人重复。我玩过宽度、位置（相对与绝对），使第二个 div 以“.column”类与“left-column”开头。似乎没有任何效果。

这个解决方案最接近给我想要的效果。我尝试了使用<li>标签的其他方法，但结果更糟。

请帮忙。

我正在创建一个需要在两列中显示数据的新报告。我做了以下事情：

1. 报告属性：添加了第二列
2. 从工具箱中插入 List 控件
3. 在 List 控件内插入一个矩形
4. 在矩形内插入一个文本框

当我单击“预览”选项卡时，报告仅在左列中显示数据，然后以相同的方式继续到第 2 页，而不是使用第 2 列。

任何帮助表示赞赏，在此先感谢您！

I am using the Wordpress comment system and would like to divide the comments into 2 columns. The most recent comments need to be at the top too, very similar to how facebook pages work.

The content on certain pages of my site is all comments - so essentially with the exception of my 'about us' page the entire content area is comments.

For your information I am using the photoria theme which is a 2 column theme but the second column is taken up by my sidebar - don't know whether this effects it or not! Hope what I am asking is clear!

I'm relatively new to website design so speak to me as such :)

Thanks in advance, Paul

虽然我确定这个问题已经得到解答 - 很抱歉问 - 但我无法找到任何我能理解的东西（抱歉，我的知识仍然非常有限）。

我正在设计一个简单的 2 列站点，顶部有一个横幅，底部有一个页脚。-> 现场演示：http: //jsfiddle.net/4XYWJ/1/

在左侧有一个导航栏“nav”和一个内容栏“内容”，但不幸的是，当到达导航栏的末尾时，内容“弯曲”在它周围。Hve 尝试过 min-height，如果我设置特定数量的像素（即 570 像素），它会起作用，但是我需要多个 CSS - 而且，我似乎可以使用重复的图像来获得小提琴。

wrapper、nav和content的代码如下所示：

有人能帮我解决这个问题吗？我开始拔头发了。。另外，有点害怕把它全部拆开，因为我还设法在右下角找到了一张图片，这也很棘手。

您的帮助将不胜感激。

谢谢你，最好的问候，西蒙

我在 Highcharts 中有一个我无法弄清楚的烦人的事情。我有动态生成的图表，可以包含多个列和样条曲线。在示例中，样条曲线是温度测量值，包含大量数据点。这两列按天分组，因此每天只包含一个值。

当我使用这种组合时，列宽变得几乎不可见：http: //jsfiddle.net/FXRj2/

当我删除温度数据时，列“重新获取”它们的正常宽度行为：http: //jsfiddle.net/K9DxS/

我一直在寻找通过使用 pointWidth 动态控制列宽度的方法，但这让我进入了一个新的问题领域，因为我并不总是确定是否存在列和样条线的组合以及日期范围是什么。

有什么诀窍可以解决这个问题吗？我希望我错过了一些简单的事情。

PS：帖子有点长，但StackOverflow坚持我用我的jsfiddle链接插入代码......

我正在寻找一个简单的 WordPress 页面，该页面将显示多张图像以及一些描述。

此页面适用于希望将来自行更新的客户。她不熟悉 HTML 或 CSS。

我正在使用基于“态度”的儿童主题，尽管我认为这个问题适用于大多数主题。

我希望的布局是一个 img 被赋予类“alignleft”的布局，我已将 margin-right 附加为 50px。

因此，只要文字在图像旁边，它看起来就很漂亮。但是，一旦文本低于图像，它就会回到页面的左侧......我想应该是这样！:) 只是，对于我的页面，我希望文本保持“缩进”，甚至超过图像。

更重要的是，图像不会都具有相同的高度或宽度。尽管在几乎所有情况下，高度和宽度尺寸都在 100 像素到 300 像素之间。

这是一个视觉效果：

我希望什么：

我得到了什么：

我已经考虑过的事情是......

1. div的。如果只是我更新页面，那么 div 将非常容易实现。但我不希望她必须做任何 HTML。（也许我可以做一个模板。嗯...）

2. 表。我觉得这可能并不理想，因为图像的宽度可变。我想我可以将“图像”列的对齐方式设置为“正确”，然后在右侧将单元格填充设置为 50px。

3. 下一代画廊。如果我这样做，那么我将失去在文本部分添加项目符号的能力（因为 NextGen 照片的“描述”部分似乎无法处理这类事情）。

4. 向 .alignleft 类添加边距底部。但是，同样，图像的高度不同，段落的长度也不同。

好的，就是这样。如果.......请告知我们

• 我错过了描述中的任何重要信息

• 我只是让这种方式比我需要的更难

谢谢！，克里斯

这是一个常见的布局任务，有很多方法可以做到这一点。我正在寻找一种方法来使用尽可能少的 CSS 的 PrimeFaces 组件。

例如，这是使用 html 表的简单解决方案：

但是，使用 HTML 表格创建布局并不是一个好习惯。

这是stackoverflow上其他问题的CSS解决方案： xHTML/CSS: How to make inner div get 100% width minus another div width。但是，这是纯 HTML 而不是 JSF。

我正在尝试创建一个具有两列的自定义菜单小部件（即，我可以选择两个不同的菜单并让它们在单个侧边栏小部件中并排显示）。

我找到了有关如何创建两列文本小部件的教程，但是我无法弄清楚如何编辑自定义菜单小部件功能以添加和实现附加菜单——我尝试创建附加菜单变量（即“$menus1 " 和下面的 "$menus2") 破坏 WordPress ("unexpected T string" 错误)。

“$instance”数组是否有一个名为“nav_menu”的预定义键，或者该键及其值是否由“form”函数创建？如果是后者，我可以定义 'nav_menu1' 和 'nav_menu2' 键（我之前尝试过，但也得到了“意外的 T 字符串”错误）？

任何帮助，将不胜感激。

列应：

• 全高
• 如果需要有垂直滚动条但没有水平滚动条

这是我到目前为止得到的（连同页脚和页眉）

http://jsfiddle.net/HZMCX/11/

我的代码的问题是右面板文本从中间屏幕开始，而不是在左面板旁边。

有想法该怎么解决这个吗？谢谢！

我在下面测试了一行来比较 2 个文件中的第一列并进行联合。然而，file2 中第一列相同的不同值被消除了。下面我附上了示例文件、获得的结果和期望的结果。请你帮助我。