ウェブサイトの構築方法について何か提案があるかどうか疑問に思っていました. 上部にロゴがあり、その下にナビゲーション バーが必要で、最後にその下にページのコンテンツが必要でした。私はそれを何時間もいじりましたが、ナビゲーションバーをロゴの下とメインコンテンツの上に移動させることができないようです. 誰にもアイデアはありますか?これが私のコードです:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="slideshow.js"></script>
<style>
#Slideshow1 img { width:1200px; height:500px }
</style>
<title> Law Firm </title> <!-- Seriously, don't forget to change that.-->
<div class="heading">
<div id="head">
<div id="logo">
<img src="logo.png" alt="Logo" width="1700" height="175">
</div>
<div id="navigation">
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Areas of Practice</a>
<a href="#">Reviews</a>
<a href="#">I'm running out of ideas</a>
<a href="#">Boring....</a>
</div>
</div>
</div>
<!-- Include content types, links to external resources, keywords for the search engine, epirations and stuff, and whatever else needs to go here like titles and website icons. -->
</head>
<body> <!-- Obviously, the body starts here. -->
<div class="main">
<div id="content"> <!-- Let's kick it off with some stuff, of course. -->
<!-- Now let's get some java up in here!! -->
<script>
var imgArray = new Array();
imgArray[0] = "images/pic1.png";
imgArray[1] = "images/pic2.png";
slideshowFade('Slideshow1','',imgArray,20,5000);
</script>
</div>
</div>
</body>
</html>