Discuss the articles posted on Dev.Opera.
By bhenick
Tuesday, 3. February 2009, 06:38:58
38: Headers, footers, columns, and templates
In this study, Ben Henick looks in-depth at the whole page design from the very start, including looking at business and visitor goals, planning, the site elements - the header, content (including navigation, number of columns, and more) and footer - that make up the page, different numbers of columns, and more. This is a fitting round-off for the HTML and CSS sections of the Opera web standards curriculum.
( Read the article )
By AndBre
Saturday, 7. February 2009, 11:06:59

1. "deomgraphics"
2. "setion"
3. "assigns the the following"
4. "coderightcode"
5. "#footer.p"
6. "escept"
7. "acheive"
By bhenick
Tuesday, 10. February 2009, 20:03:46

...Because of travel schedules and other demands, there are a number of flaws in the copy. I've been working with Chris as best I can to get them cleared up.
By livenobin
Thursday, 12. February 2009, 20:32:50

I am trying to build a report form with HTML and print that report.
On my HTML I use <thead> tag for printing header to every page. Its works on Firefox but Opera don't print the header but Leave blank for header form 2nd page.
I it possible to print define header with <thead> on very page with Opera. If so then how...?
Please help me.
By bhenick
Sunday, 15. February 2009, 18:22:30

@livenobin
Sorry for the late followup: with Chris Mills on sabbatical and my own projects to focus upon, I don't stop by as often as I should.
I don't really follow what you're getting at - a link to a working example would be terrific.
On first reading I am under the impression that you're trying to put page content in the HEAD element of the document. That is a big NO-NO.
The manner in which things SHOULD be done - which I didn't explain in the article for reasons of scope - is to create a header element (e.g., div#header) in the document BODY, and include that on every single page. Include functions are supported natively by both Apache and IIS, and in all popular scripting languages.
Please feel free to write me directly, if I misunderstood.
By Eros.anand
Thursday, 19. February 2009, 05:59:25

Hi Ben,
Thanks for the article. The download package does not seems to available. Please check.
By stelt
Sunday, 15. March 2009, 21:19:41

typo: requireements
By chrismills
Tuesday, 7. April 2009, 00:08:02

Typos all fixed; code archive now available to download.
Sorry for taking so long to do this Ben!
By Leyusha
Wednesday, 5. August 2009, 13:31:05

On the third code sample; when absolutely positioning the #nav element, the left attribute should be set to zero. Otherwise the #nav element will shift to the right in IE7 (I have not tested it in earlier versions).
Typo: becuase
By chrismills
Thursday, 13. August 2009, 09:22:16

Originally posted by Leyusha:
On the third code sample; when absolutely positioning the #nav element, the left attribute should be set to zero. Otherwise the #nav element will shift to the right in IE7 (I have not tested it in earlier versions).Typo: becuase
The typo has been fixed? For the addition to the #nav element, I assume you mean this rule inside the 3 column layout example?
#nav {
position: absolute;
top: 7.143em;
/* since #nav has been moved to be directly within #main and is
intended to appear within the sidebar, this is what needs to be
done */
width: 13.714em;
/* same as the effective width of #sidebar */
margin: 0;
padding: 0;
list-style-type: none;
/* resets */
}
I've added left: 0; into the rule.