Dev.Opera - Follow the standards, break the rulesDev.Opera - Follow the standards, break the rules

Login

Lost password?

Forums » Article Discussions

Discuss the articles posted on Dev.Opera.

Note: You need to login to post in the forums. if you don't have an account you first need to sign up.

By bhenick anchor 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 anchor Saturday, 7. February 2009, 11:06:59

avatar1. "deomgraphics"
2. "setion"
3. "assigns the the following"
4. "coderightcode"
5. "#footer.p"
6. "escept"
7. "acheive"

By bhenick anchor Tuesday, 10. February 2009, 20:03:46

avatar...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 anchor Thursday, 12. February 2009, 20:32:50

avatarI 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 anchor Sunday, 15. February 2009, 18:22:30

avatar@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 anchor Thursday, 19. February 2009, 05:59:25

avatarHi Ben,
Thanks for the article. The download package does not seems to available. Please check.

By stelt anchor Sunday, 15. March 2009, 21:19:41

avatartypo: requireements

By chrismills O anchor Tuesday, 7. April 2009, 00:08:02

avatarTypos all fixed; code archive now available to download.

Sorry for taking so long to do this Ben!

By Leyusha anchor Wednesday, 5. August 2009, 13:31:05

avatarOn 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 O anchor Thursday, 13. August 2009, 09:22:16

avatar

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.

Moderators: pepelsbey | dstorey | mcx | operadev | chrismills | shwetankdixit | brucelawson | iheni | andreasbovens | zibin | mollydotcom