コードを HTML テーブルから Joomla の div に変更しようとしています。いくつかの答えが見つかりましたが、具体的なガイダンスが必要です。
- 3 x 3 のテーブルがあります (各ウィンドウには、テキスト、ビデオ、画像など、何でも保持できます)。
- 表を使うときは「縦位置合わせ」がしやすい
ここで、テーブルを含む html を div に変換する必要があります。しかし...
- css は使用できません。純粋な html にする必要があります
- 結果のdiv「テーブル」は垂直方向に配置する必要があります。
単純に 3 x 3 のテーブルなので、コードは投稿しませんでした...
CSS なしでこれを行うことができない場合、CSS コードを Joomla の JCE エディターに保存するにはどうすればよいですか? それはコメントアウトし続けます。
これはコードの一部です：
<style>
#container {
display: table;
}
#row {
display: table-row;
}
#left, #right, #middle {
display: table-cell;
padding-right: 15px;
}
#left p, #right p, #middle p {
margin: 20px 1px;
}
</style>
<div id="container">
<div id="row">
<div id="left">
</div>
<div id="middle">
</div>
<div id="right">
</div>
</div>
そして、これはエディターで保存した後に表示されるものです。
<p>
<style type="text/css" scoped="scoped">
<!-- #container {
display: table;
}
#row {
display: table-row;
}
#left, #right, #middle {
display: table-cell;
padding-right: 15px;
}
#left p, #right p, #middle p {
margin: 20px 1px;
}
-->
</style>
</p>
<div id="container">
<div id="row">
<div id="left"> </div>
<div id="middle"> </div>
<div id="right"> </div>
</div>
</div>