初歩的な質問、メニュー閲覧効果問題_html/css_WEB-ITnose

(1) 電子レシピを作りたい レシピページの左側に料理のカテゴリーがあり、そのカテゴリーをクリックすると右側にそのカテゴリーの料理が表示されます。 2 つの

を使用し、左右のインターフェイスを実装するために浮動属性を使用しましたが、Baidu は、右側のインターフェイスでそれを解決する方法を知りませんでした。料理 表はまとめてありますが、効果があまり良くなく(本当は写真を入れたかったのですが、ごちゃごちゃしすぎたので断念しました)、カテゴリに分けて表示することができません。同時にこの状況を解決するにはどうすればよいですか？左側のカテゴリを右側の料理に対応させます。
(2)画像リンクの件もありますが、リンク背景画像は設定されていますが、背景画像が表示できません。すべての画像をパッケージに入れて、index.html と同じディレクトリに置き、background-image 属性を使用して直接リンクしました (CSS コードは次のとおりです: body{background-image: url(img/catring) /WebContent/s1 .jpeg)repeat})を実行しても背景画像が白のまま表示できませんが、背景色を設定することで表示できるようになります。どうやって解決すればいいでしょうか？
コードの書き方は？ HTML または JSP、私は Eclipse ソフトウェアを使用します。データベースを使用しないようにしてください。方法がわかりません。

ディスカッションに返信 (解決策)

.Html の一部のタグにブロック要素を配置できません

に要素を追加できません

解決策は何ですか?

この左右のレイアウトを行う方法はたくさんあります。

1. テーブルの左右のレイアウト、超シンプル
2. div フローティングレイアウト
3. 絶対位置決め
4. 高さを制御するためにスパンなどを使用します
ご質問によると、あなたは大きなフロントエンドの専門家ではないはずです。こうした問題は自社のアーティストに任せたほうがよいでしょう。 。 。 。 。