2012-04-28 34 views
0

我目前正在开发一个3×3网格布局的博客页面,以便将内容落入不同的框中(请参阅附加示例)。动态填充非正统网格内的内容

http://imageshack.us/photo/my-images/337/cssex.jpg/

在浅灰色的内容块的意思是固定的,因此任何更新,最近添加等内容都不会影响这些箱子中,只有黑色的。我试图找出保持灰色框静止的最佳方法,但允许黑盒动态填充(WordPress博客条目),并通过布局自然地浮动。

截至目前,我正在考虑每个单独的黑匣子将查询与之对齐的最近帖子。因此,第一个黑匣子将查询最近的帖子,第二个黑匣子将查询第二个最近的帖子等等。

回答

0

大订单!

这里的总体思路是,以帮助你去:

  1. 你需要让那些块<div><section>与ID标签这样的:

    <section id=brief1> 
    

    (顺便说一句,你也可以使用“表格”&合并单元格来获取该布局,只需确保您使用的是ID)

  2. 然后您需要找到一个脚本来更新innerHTML使用直接的JavaScript或jQuery库,如MooTools等JS库。这将允许您注入文本& /或这些框中的图像。示例搜索:http://duckduckgo.com/?q=javascript+update+innerHTML+div
  3. 一旦你有1个文本更新点,是时候编辑该脚本。制作我们的ID标签数组,然后循环所有这些标签以逐个插入新内容。

祝你好运!如果我在旅​​行中看到预先推出的内容,我会更新此主题。