Fatal编程技术网
  • html/
  • Html 将页面分为两部分

Html 将页面分为两部分

html

Html 将页面分为两部分,html,Html,我想将页面水平分为两部分。上半部分我想要一个表格，下半部分我想要一个图像。但它不起作用。请帮帮我 <!DOCTYPE html> <html> <head> <title>JN DIAMONDS</title> </head> <style> #upper { height:50%;

我想将页面水平分为两部分。上半部分我想要一个表格，下半部分我想要一个图像。但它不起作用。请帮帮我

<!DOCTYPE html>
<html>
    <head>
        <title>JN DIAMONDS</title>
    </head>
        <style>    
            #upper {
                height:50%;
            }

            #lower {
                height: 50%;
                background-image: r1.jpg;
            }
        </style>
    <body>
        <div id="upper">

            <form align="center" method="POST" action="insert_rough.php">
                <fieldset>
                    <legend>JN Patel <b>Rough Diamond</b> Information</legend>
                    <br>
                    <input type="text" name="fname" placeholder="Name" required><br><br>
                    <input type="text" name="twait" placeholder="Total Rough Weight"><br><br>
                    <input type="text" name="cprice" placeholder="1 Carat Price"><br><br>
                    <input type="text" name="dprice" placeholder="Dollar Rate"><br><br>
                    <input type="text" name="date" placeholder="Payment Days" required><br><br>
                    <input type="image" src="submit.jpg" alt="Submit" width="90" height="35"><br>
                </fieldset>
        </div>
        <body>
            <div id="lower"></div>
        </body>
            </form>
    </body>
</html>


JN钻石
#上层{
身高：50%；
}
#降低{
身高：50%；
背景图像：r1.jpg；
}
JN帕特尔粗金刚石信息
所以我取出了额外的body标签，并在表单下添加了一个图像。这是一个我认为你想要的代码笔


JN钻石
#上层{
身高：50%；
}
#降低{
身高：50%；
背景图像：r1.jpg；
}
JN帕特尔粗金刚石信息
你需要一个图像标签，这就是为什么当你把它链接到css时它不工作的原因。使用背景：url（./img/r1.jpg）不重复；您需要将img文件夹名称更改为保存图像的文件夹名称。

我已编辑了您的帖子，以使其便于人类阅读（这是您在此处找到的主要内容）。我很确定把一个
主体
标签嵌套在另一个主体中是个坏主意。我不会收回img。你能帮我一下这两个主体标签是什么吗？为什么？ 
<!DOCTYPE html>
<html>
    <head>
        <title>JN DIAMONDS</title>
    </head>
        <style>    
            #upper {
                height:50%;
            }

            #lower {
                height: 50%;
                background-image: r1.jpg;
            }
        </style>
    <body>
        <div id="upper">

            <form align="center" method="POST" action="insert_rough.php">
                <fieldset>
                    <legend>JN Patel <b>Rough Diamond</b> Information</legend>
                    <br>
                    <input type="text" name="fname" placeholder="Name" required><br><br>
                    <input type="text" name="twait" placeholder="Total Rough Weight"><br><br>
                    <input type="text" name="cprice" placeholder="1 Carat Price"><br><br>
                    <input type="text" name="dprice" placeholder="Dollar Rate"><br><br>
                    <input type="text" name="date" placeholder="Payment Days" required><br><br>
                    <input type="image" src="submit.jpg" alt="Submit" width="90" height="35"><br>
                </fieldset>
        </div>

            <div id="lower"></div>
          <img src="http://i.cdn.turner.com/asfix/repository//8a250ba13f865824013fc9db8b6b0400/thumbnail_8234390180613999969.jpg" alt="" />

            </form>
    </body>
</html>