All my content is registering inside the body tag, but my html isn't wrong. Help?
OK, so first off I am very new to dreamweaver so I'm not very experienced at all.
That being said even I know something really isn't right here and I can't figure it out.
Any and all hmtl tags, no matter where I put them, all register as though they are inside the <body> for some reason.
This makes it impossible to style individual elements in css without adjusting everything at once. Also when I click on the body section in split view it only highlights the <body></body> html. It doesn't highlight everything, yet it still treats the entire html code as being the body for some reason.
I contacted adobe support about it and they checked a screenshot I sent of the code but they couldn't see the problem either. Any ideas?
My (supremely basic) html code is as follows:
<!doctype html>
<html>
<link href="Apex.css" rel="stylesheet" type="text/css">
<meta charset="utf-8">
<title>Untitled Document</title>
<head class="header">
<div class="logo">
<img src="Website logo 1(thin).png" width="35%" height="90" alt="Apex-Kingdom Home"/>
</div>
<div class="gold-line">
<img src="gold-line.png" width="100%" height="3"/>
</div>
<div class="links">
<table>
<thead>
<tr>
<th scope="row">Home</th>
<th scope="row">Features</th>
<th scope="row">Gallery</th>
<th scope="row">Event Coverage</th>
<th scope="row">Motorsport</th>
<th scope="row">About</th>
<th scope="row">Contact Us</th>
</tr>
</thead>
</table>
</div>
</head>
<body>
<h1>Latest Features</h1>
<div class="h1">
<img src="gold-line.png" width="100%" height="3"/>
</div>
<div class="rallyarticle" width="50%" height="auto">
<img src="https://plus.wrc.com/assets/img/info_intro.png" width="80%" height="auto"/>
<h2> Is the WRC getting its spark back? </h2>
<p> text etc </p>
</div>
</body>
</html>
AdChoices