I'm a high school web design student and I'm looking to expand and deepen my knowledge. I've noticed on this website and Jay's two cent's web site, which you helped develop, have this style where there are two bars on the side that are the same color/texture, and in the middle where the actual content of the webpage is white.
Can you please explain how to do this? Perhaps share some sample code? Thanks!
I don't know code, but I thought that the 'two bars' are actually just a single background color with everything layered on top. Also, can't you look at some of the code for a specific page in Chrome by right clicking on something and hitting "Inspect Element"?
Go ahead and read HTML and CSS Tutorials. The layout of the website has 4 main div objects, in a hierarchy like this
Page:
Navigation
Content
-Main
-Sidebar
The rest of it is just the background which is the "two side bars". The contents div is just centered using CSS in the order of: 'margin: 0 auto;'. Read some tutorials and you'll learn much more about this.
W3schools is a great online source, also i would recommend looking into how to use tables as it will make doing things like "two side bars" easier
+1 its quite simple
W3schools is awful.
http://www.w3fools.com/
For straight tutorials, w3 schools sucks. But as a reference source its really nice. So if you just need a quick explination on how to do something it can be very handy.
What you'll need to research is the float property and clearfix. The rest is just keeping the sidebar and main content background's colour the same.