#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Apr 2011
    Posts
    4
    Rep Power
    0

    Smile Need some help with menu to showing up correctly


    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.
  2. #2
  3. No Profile Picture
    Super Moderator
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Jun 2009
    Location
    Hartford, WI
    Posts
    1,435
    Rep Power
    24
    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>

    Comments on this post

    • Go-Systems agrees
    He who knows not that he knows not is a fool, ignore him. He who knows that he knows not is ignorant, teach him. He who knows not that he knows is asleep, awaken him. He who knows that he knows is a leader, follow him.
  4. #3
  5. No Profile Picture
    Super Moderator
    Devshed Beginner (1000 - 1499 posts)

    Join Date
    Jun 2009
    Location
    Hartford, WI
    Posts
    1,435
    Rep Power
    24
    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 */
    }
    Last edited by Triple_Nothing; July 21st, 2016 at 12:09 PM.
    He who knows not that he knows not is a fool, ignore him. He who knows that he knows not is ignorant, teach him. He who knows not that he knows is asleep, awaken him. He who knows that he knows is a leader, follow him.

IMN logo majestic logo threadwatch logo seochat tools logo