小编Imk*_*eZA的帖子

仅使用CSS创建表

我需要一个如下所示的表格布局:

第一单元(行距2)

第二和第三单元格(单元格1和单元格旁边)

第四组(第二组和第三组下方的第二组)

我遇到的问题是它只需要使用CSS完成,我根本不能使用代码中的任何表元素.

如果Cell 2,3和4为空,则单元1还需要仍然伸展到100%宽度.

我正在Joomla的一个Artisteer 4模板上工作,并且已经搜遍了所有人,并且无法找到可行的解决方案.

我的代码如下:

<div class="prof-layout-wrapper">
   <div class="prof-content-layout">
      <div class="prof-content-layout-row">
         <div class="prof-layout-cell prof-content">
<?php
 echo $view->position('banner2', 'prof-nostyle');
 if ($view->containsModules('breadcrumb'))
 echo artxPost($view->position('breadcrumb'));
 echo $view->positions(array('user1' => 50, 'user2' => 50), 'prof-article');
 echo $view->position('banner3', 'prof-nostyle');
 echo artxPost(array('content' => '<jdoc:include type="message" />', 'classes' => ' prof-m  essages'));
 echo '<jdoc:include type="component" />';
 echo $view->position('banner4', 'prof-nostyle');
 echo $view->positions(array('user4' => 50, 'user5' => 50), 'prof-article');
 echo $view->position('banner5', 'prof-nostyle');?>
 </div>
 <?php if ($view->containsModules('left')) : ?>
   <div class="prof-layout-cell prof-sidebar1">
     <?php echo $view->position('left', 'prof-block'); …
Run Code Online (Sandbox Code Playgroud)

html css joomla css-tables

5
推荐指数
1
解决办法
2890
查看次数

标签 统计

css ×1

css-tables ×1

html ×1

joomla ×1