0

Joomla モジュールの位置が 2 つあります。それらは同じモジュール位置に積み重ねられます。これら 2 つのモジュールは、単一の枠線ですべてが囲まれた単一の表示モジュールとして Web ページに表示される必要があります。

これらのモジュールのいずれかの PHP コードを変更せずに、これを達成するにはどうすればよいでしょうか? 私はこれを CSS で行うことができると考えていますが、私は CSS の専門家ではありません。これらのモジュールの両方にモジュール クラス サフィックスを追加すると、それらがシームレスに結合されているように見えるのではないでしょうか? もしそうなら、どうすればいいですか？

4

1 に答える 1

0

OK、HTML を見ることができないので、2 つのコンポーネントが<div>classthemoduleで s として出力され、いくつかのパディング、ボーダー、およびマージンが次のように適用されているふりをします。

.themodule {
    padding: 1em;
    border: 0.1em solid black;
    border-right: 0;
    margin: 2em;
}

これを追加すると：

.themodule + .themodule {
    padding-left: 0;
    border-left: 0;
    border-right: 0.1em solid black;
    margin-left: 0;
}

つまり、次の.themoduleダイレクトでは、左のパディング、ボーダー、およびマージンが切り刻まれるため、前のものと突き合わせられ、視覚的に同じボックスの一部になります。

あなたのケースに適用できることを願っていますが、質問がある場合はお知らせください。

于 2013-08-29T18:50:04.483 に答える