July 21st, 2016, 05:51 AM
-
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.
July 21st, 2016, 11:49 AM
-
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
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.
July 21st, 2016, 01:06 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 */
}
Last edited by Triple_Nothing; July 21st, 2016 at 01: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.