Forums

chester

Hi! I'm new at web developing. I'm trying to code my sample design in html5 but I'm not really sure if doing it right so I would like to hear from you guys here. This is the design... http://s7.postimage.org/rahjrzlq3/sample.png

So far I got this...

<body>
  <nav>
    <div class="inside">
      <h1><a href="/">Company Name</a></h1>
      <ul class="menu">
        <li><a href="">Services</a></li>
        <li><a href="">Works</a></li>
        <li><a href="">About</a></li>
        <li><a href="">Contact</a></li>
      </ul>
    </div>
  </nav>
  <header>
    <div class="inside">
      <h2>SLOGAN HERE</h2>
      <p>some text here some text here</p>
    </div>
  </header>
  <div class="main-content">
    .....
  </div>

Am i doing it right? Or what's the better way of structuring my html? Thank you.

Watson90

Hi @chester

We can't see your HTML as the comments interpret the code and output it as html, you are best heading on over to CopePen and inputting your HTML code in there, save it and send us the link to it.

Thanks

alexmccabe

This is how I would do it, give it a look

chester

@Watson sorry for that. I managed to fix it though.

@alexmccabe yeah, I think your's is better..

any more suggestions?

Paulie_D

You really don't need those divs in their as, under HTML5 'nav' and 'header' are elements in their own right.

Other than that it's a reasonable (if safe) start: http://codepen.io/anon/pen/vzJce

Watson90

Yeah, I think @Paulie_D has it one there, although I have a question;

I recently made my website using the HTML5 elements such as

<header>
<nav>

However, IE8 did not pick them up AT ALL unless I changed them to divs with class names etc.

Is that because IE8 isn't a supported browser for HTML declarations? If so, what's a workaround for this, or isn't their?

chester

Thanks @Paulie_D I want the top bar and the blue area(slogan) to be 100% wide so I added those inside divs..

alexmccabe

@Watson90 I use Modernizr. It is a great tool and fixes everything. Even adds feature detection.

Paulie_D

IE8 as I recall doesn't support HTML5.

There are a couple of well known workarounds although they are both JS implementations

The HMTL5 shim/shiv and Modernizr

@chester: Fair enough...then that's the way to go.

chester

Thanks everybody.

ahhh, love this forum.

Watson90

@alexmccabe & @Paulie_D - thanks for clearing that up for me :) I'll use that when I next need to.

treehouse : what would you like to learn today?

Forums

[Solved] HTML 5 question