2011-02-02 30 views
-1

我希望你能帮助我解决这个问题。使用PHP以编程方式复制CSS布局

我想将当前使用表格的PHP/SQL网站的布局转移到CSS。 我已经有了CSS工作(感谢雅虎网格生成器),但现在我需要以编程方式显示它在我的网站后,我有一个阵列上的信息(通过$row = dbFetchAssoc($result)

我猜的解决方案是使用n%m来赶上我需要的条件,但我正在努力与它。

我需要复制的CSS是这样的一个,两个class="yui-g"创建一个行和每一class="yui-u first"class="yui-u"创建行的单元格,因此,此代码为您提供了2行4列的表格。我想在每个“Item N”(单元格)中显示我的数组的新项目。

<div class="yui-g"> 
    <div class="yui-g first"> 
    <div class="yui-u first">Item 1</div> 
    <div class="yui-u">Item 2</div> 
    </div> 
    <div class="yui-g"> 
    <div class="yui-u first">Item 3</div> 
    <div class="yui-u">Item 4</div> 
    </div> 
</div> 
<div class="yui-g"> 
    <div class="yui-g first"> 
    <div class="yui-u first">Item 5</div> 
    <div class="yui-u">Item 6</div> 
    </div> 
    <div class="yui-g"> 
    <div class="yui-u first">Item 7</div> 
    <div class="yui-u">Item 8</div> 
    </div> 
</div> 

感谢您的帮助!

+4

为什么使用CSS创建假表时,只需使用表? – Petah 2011-02-02 11:49:34

+0

如果语义上正确,即使用于显示表格数据,使用表格也可以。使用表格进行布局是不行的(CSS应该)。我不明白你为什么不想为此使用表格。 – Merijn 2011-02-02 11:52:45

回答

3

通常,应使用HTML表格来显示表格数据,并使用CSS对这些表格进行样式设置。

HTML + CSS应该用于布局,而不是使用表格定位内容的旧方式。

1

使用<table>为表格数据(您将存储在表中的数据)。其他的一切应该使用HTML与CSS。从你的代码的外观你应该使用表格。