0
ナビゲーションバーを簡単なWebページの左側に配置するのに問題があります。ヘッダーセクションの下になければなりません。これはHTMLコード全体です。ナビゲーションバーを左側に配置するには
<html>
<head>
<title>My Homepage</title>
</head>
<style>
#header{
width:800px;
height:200px;
background-color:yellow;
}
#footer{
width:800px;
height:100px;
background-color:red;
clear:both;
}
#nav{
width:200px;
height:400px;
background-color:pink;
float:left;
}
#con{
width:800px;
height:400px;
background-color:gray;
}
</style>
<body>
<div id=external>
<div id=header><b>SAMPLE HEADER<b> <img src="kappa.gif"alt="kappa"height="50"width="50"></div>
<div id=con><iframe name=container width=100% height=100% src=default.html></iframe></div>
<div id=footer><b>PUP COPYRIGHT 2016<b> <img src="pup.jpg"alt="pup"height="50"width="50"></div>
<div id=nav>
<ul>
<li><a href=AboutUs.html target=container>About Us</a></li>
<li><a href=ContactUs.html target=container>Contact Us</a></li>
</ul>
</div>
私の簡単なウェブページの左側にナビゲーションバーを置くことに問題があります。ヘッダーセクションの下になければなりません。
あなたが直接あなたのクロージングヘッダーのdivの下にあることをあなたのNAVマークアップアップを移動した場合あなたのCSSは、実際に完璧に動作します
はあなたが提供できるようにするコードを参照してくださいHTMLコードですか？ –
あなたもhtmlコードを置くことができます..... – vignesh