Dev Shed Forums

**Go-Systems**

Hi,

Hope im putting this in the correct forum. Im converting a clients static site to wordpress. Ive used wordpress a bit, but always found templates and modified basics. The site is not the proper one yet, i created a new host and im doing it on there. the site is http://ww2.3d-icgunsights.com/

What im trying to do, is make the menu show on the left of the content, and not below like it shows currently. My CSS skills are not good, so need some help please.

**Triple_Nothing**

I've have barely ever touched Wordpress, so sorry if this doesn't help. I have cleaned up the script a bit just for example sake to better view and understand what is there. Have you tried anything that has just failed? What have you all tried? If you look at the script below, even in a basic HTML manner, would you see why the navigation is appearing below/after your content/image?

Code:

<DIV id="content">

  <DIV id="primary">
    <MAIN id="main">
      <ARTICLE id="post-47">
        <HEADER><H1>Index</H1></HEADER>
        <DIV>
          <IMG src="filename.jpg" />
        </DIV>
      </ARTICLE>
    </MAIN>
  </DIV>

  <ASIDE id="secondary">
    <SECTION id="pages-2">
      <H2>Pages</H2>
      <UL>
        <LI><A href="...3d-icgunsights.com/">Index</A></LI>
        <LI><A href="...ghts.com/home-pg-1/">Home. Pg. 1</A></LI>
        <LI><A href="....com/overview-pg-2/">Overview. Pg. 2</A></LI>
        <LI><A href="...ts.com/theory-pg-3/">Theory. Pg. 3</A></LI>
        <LI><A href="...ts.com/theory-pg-4/">Theory. Pg. 4</A></LI>
        <LI><A href="...ts.com/theory-pg-5/">Theory. Pg. 5</A></LI>
      </UL>
    </SECTION>
  </ASIDE>

</DIV>

**Triple_Nothing** · 12:09 PM

Is something more like the following what you are aiming for?

Example: Need some help with menu to showing up correctly

All that builds that layout/template is the HTML:

Code:

<BODY>
  <DIV id="body">
    <DIV id="navbar">
    </DIV>
    <DIV id="content">
    </DIV>
  </DIV>
</BODY>

And the CSS:

Code:

body {
  margin: 0;
  padding: 0;
}
#body {
  margin: 0 auto;
  width: 500px; /* Adjust as desired */
}
#navbar {
  float: left;
  width: 100px; /* Adjust as desired */
}
#content {
  margin-left: 100px; /* Match #navbar width */
}

Dev Shed Forums

Thread: Need some help with menu to showing up correctly

Need some help with menu to showing up correctly

Comments on this post