treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Block issue with wordpress

  • Hi,

    I am currently making a tabs based design but can't get my block to work am i doing something wrong.

    Here's my code

    <body>
    <div id=\"header\">
    <h1></h1>
    <p><?php bloginfo('description'); ?></p>
    </div>

    <div id=\"Logo\">
    <h1>Hello</h1>
    </div>

    <ul id=\"navigation\">
    <a href=\"#\">Page 1<a/>
    <a href=\"#\">Page 2<a/>
    <a href=\"#\">Page 3<a/>
    <a href=\"#\">Page 4<a/>
    </ul>

    <div id=\"Searchbar\">
    <p>A Fresh Orange look Theme</p>
    </div>


    ul#navigation {
    background-image: url(Navigation_GlassTheme.jpg);
    background-repeat: no-repeat;
    height: 40px;
    padding-left: 600px;
    color: white;
    font-weight: bold;
    font-family: Helvetica, Arial;
    }

    ul#navigation li a {
    display: block; width: 100px;
    float: left;
    margin-top: 170px;

    }

    div#wrapper {
    width: 1024px;
    margin: 0 auto;
    }

  • <ul id=\"navigation\">
    <a href=\"#\">Page 1<a/>
    <a href=\"#\">Page 2<a/>
    <a href=\"#\">Page 3<a/>
    <a href=\"#\">Page 4<a/>
    </ul>


    Should be:


    <ul id=\"navigation\">
    <li><a href=\"#\">Page 1</a></li>
    <li><a href=\"#\">Page 2</a></li>
    <li><a href=\"#\">Page 3</a></li>
    <li><a href=\"#\">Page 4</a></li>
    </ul>


    you forgot the li's and closed the a tag wrong.
  • Thank you that worked, Just had to make some tweaks but I got the output right.