How do I put grey sidebars on the website?
Ok if you look at my website it has the white part that spans out the whole of the page (http://www.codexx.co.uk/seo-in-poole/), I want the page divided into two rather where the page look neat but at the moment the page spans across the whole screen. If you look on this page it has sidebars (http://www.ipage.com), the page is in the middle rather than spans out the whole page which doesn't look neat.
I want my page to look like the picture in the attachment, it's just a plan though.
Here's one way:
/* margin:0px 50px 0px 50px; */
<h3>A quick way to create “sidebars”</h3>
<p>This method has sidebars which expand and contract based on the width of the viewport; they are percentages of the total width. If you want hardcoded pixel widths, comment out or delete these lines:</p>
<p>Then uncomment this line:</p>
<pre> /* margin:0px 50px 0px 50px; */</pre>
<p>Of course adjust widths, colors, etc. to suit.</p>
Boilerplate footer stuff goes here.
For this first you need to make a main page. put your all code that you have did in a main page then make a left or right side bar and then include the left and right side bar in main page. Also you need to give some margin from both sides. Not Put your code in left or side bar. try to use this code.
font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
Would that be global? Does it make the whole website follow that template?
Originally Posted by Kevin2
That's only sample/example code to demonstrate one technique. To make it "global" you'll have to apply the CSS and the HTML to existing global files, or create a template based on same.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)