I know this is trivial but I can't seem to get it. Could someone show me how the very basic html skeleton of this template should be? I've been able to do it using tables but I know that's a big no-no.
Either XHTML strict or HTML5 would be ok.
+2
A:
<body>
<h1>LOGO</h1>
<ul id="nav">
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
</ul>
<div class="article">
<h2>HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
<div class="article">
<h2>HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
<div class="article">
<h2>HEADER</h2>
<div class="content">
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
<p>CONTENT CONTENT CONTENT</p>
</div>
</div>
<div id="footer">
<p class="copyright">COPYRIGHT</p>
<ul id="sitemap">
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
<li>menu item</li>
</ul>
</div>
</body>
as an exercise, convert it to html5 yourself :) it should be fairly easy: http://html5tutorial.net/
corroded
2010-08-04 09:15:09
Ah, muchas gracias corroded! :)
MW2000
2010-08-04 09:20:03
+1 Nice, it's close to how I would have suggested to do it. Two things: The logo and nav elements are probably going to need a `div` around them. And the individual articles may or may not need the `div class="article"` and `div class="content"` around them, depending on the desired outcome.
Pekka
2010-08-04 09:20:48
since h1 and uls are block elements i usually just leave them without the extra div :) but to each his own eh? and yes, the extra div article and content usually don't need that except when you're floating. just keeping the options open :)
corroded
2010-08-04 09:31:59
Yup this is pretty much how most of my stuff gets structured except I wouldn't usually give `h2` a class.
slebetman
2010-08-04 09:32:02
another good point. yeah i guess that's a bit overboard. i just got carried away since the company im working on now has like 1923871 types of headers. go figure -_-
corroded
2010-08-04 09:33:34