Question

好的，所以我对此真的很陌生，我想不出一种方法可以把我的问题用词放在一起，看看以前是否有同样的问题，因为我有一个非常具体的问题，所以如果我违反了我不知道的任何规则请告诉我，但尽量不要粗鲁:) 好的，所以我正在设计一个网站，并且我正在尝试将菜单部分作为我的用户名和密码输入，我已经尝试了几乎所有我知道的HTML（请注意它不是很多）但我似乎无法得到它

<div id="layer9" style="background-color:#cfcfcf;height:60px;">
<a href="Home"><img src="home.jpg" /></a>
<a href="Forums"><img src="forums.jpg" /></a>
<a href="Videos.html"><img src="videos.jpg" /></a>
<div align="right">
<p>
<form action="action_page.php" method="POST" target="Sign in.html">
<input type="submit" value="Sign in">
Username : <input type="text" name="user"></br>
Password : <input type="password" name="Password"></p>
</div></p>
</form>
</div>

我尝试的所有内容都会让他们走上不同的路线，或者说一切都变得难以置信，所以如果有人能为我提供一个解决方案，那将是lovley，谢谢：）

Answer 1

我做的第一件事是为你清理一下代码。但我认为你的答案可能在于CSS文件。尝试将内嵌显示应用于同一行中所需项目的ID或类别。有几种方法可以做到这一点，但我不想过多地改变您的源代码。我改变了CSS，创建了这个：我希望这有帮助。

 <div id="layer9" style="background-color:#cfcfcf;height:60px;">
     <a href="Home"><img src="home.jpg" /></a>
     <a href="Forums"><img src="forums.jpg" /></a>
     <a href="Videos.html"><img src="videos.jpg" /></a>
    <div style="float:right">
        <p>
            <form action="action_page.php" method="POST" target="Sign in.html">
                <input type="submit" value="Sign in">Username :
   `enter code here`             <input type="text" name="user">
                </br>Password :
                <input type="password" name="Password">
        </p>
    </div>
    </p>
    </form>
</div>

在CSS上试试这个：

 #layer9{ 
    display: inline;
    float: left;  
}

试图在与图像的一部分相同的水平上获得形式

1 个答案: