0

全て！今日はお時間とご関心をお寄せいただきありがとうございます: )。現在、Dreamweaver を使用してデザイン作業を行っていますが、この質問に対する答えを見つけることができませんでした。これを達成するために必要な知識を喜んで追求します（phpやjavascriptの学習など）...これが私の問題です...私はWebページにこのタイプのレイアウトを持たせたいです-（これはホームページ、3 列のコンポーネントに分割されます (上にヘッダーがありますが、それはウェブサイトの全幅であり、問​​題を引き起こさないため、図から省略しました)...左側がいっぱいです高さ。中央には 3 つの行があり、右側には 3 つの行があります - 中央の列からのオフセット) -

http://i.stack.imgur.com/KkEiR.jpg

全体のラッパーとして div を配置し (3 列幅のセクションを作成するときに通常行う必要があるように)、css を使用して... 左の列を左にフロートします。中央のマージンに左マージンを追加します (左の div の幅に関係なく)。そして、右のものを浮かせます、右...しかし、それによって3つの列を横切ることができますが、複数の行を中央または右の列に下向きにすることはできません(最大の列の高さで出力されるため)包む）。これらの小さなセクションでは、いくつかの php スクリプトを使用したいと思います (私は php ニュース スクリプトとシャウトボックス スクリプトを持っています)。そのため、慎重にスライスして多数の div ラップと div を作成できる静的な画像やテキストではありません。ページ...

私の調査では、php の include や require などを見てきました (ただし、中央と右の列に複数の行を許可するかどうかはわかりません)。php スクリプトまたはdiv に文書化します。また、これはベスト プラクティスではなく、セキュリティを向上させるために Ajax/jquery を検討する必要があることも読みました。ただし、これらのいずれかでこのレイアウトを作成できるかどうかはまだわかりません。joomla、drupal、またはその他の CMS の多くがおそらくこれを許可していると確信していますが、それを行うための「実践的な」方法を知りたいです (構成、トラブルシューティング、および設計がはるかに簡単かつはるかに簡単になることが常にわかっています)。品質が向上します）。

なぜあなたは通常これを行ったり使用したりするのですか？など...これを達成するために何ができるかについての建設的な情報を大いに感謝します:D...あなたの時間と注意に再び感謝します!

4

1 に答える 1

1

わかりました、これを達成するための少なくとも1つの方法を見つけました：D ...私はまだDiv内でDivを使用し（左右にフローティング）、ラップ内に配置して（左右にフローティングすることもできます）、多くを取得します必要に応じて分割します。次に、複数の垂直Divが必要な場合は、必要なすべての垂直Divを含む新しい* .phpファイルを作成し、php include_once行を使用して、その* .phpファイル（およびそのすべての垂直Div）を上のDivに呼び出します。元のページ、出来上がり！

 My first page (in shorthand) may look something like this - 

<div id="content_wrap">
     <div id="a"></div> (floated left in css)
     <div id="b">
          <?php include_once ('vertical_divs.php'); ?>
     </div> (floated left with lefthand margin in css)
     <div id="c"></div> (floated right in css)
</div>

 My vertical_divs.php may look like this -

<div id="vert_a"></div>
<div id="vert_b"></div>
<div id="vert_c"></div>
<div id="vert_d"></div>
<div id="vert_e"></div>

繰り返しになりますが、これにより、これらすべての垂直DivがDiv "B"にプルされ、その列の左側または右側のDivに干渉することなく、複数の垂直Divを持つことができます。

于 2012-05-19T22:31:40.763 に答える