validation - XHTML strict validate colour and text formatting -
i'm meant create page qualify xhtml strict , can't seem create page effects want satisfy criteria.
i'd top part reads "encycopedia galactica" white background , black text , subsequent lower text retain gradient yellow green background purple text- can't seem quite right! perhaps 1 of kind enough point me in correct direction.
<head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <!-- s. mathieu english july 29, 2013 tutorial 9 --> <title>tutorial project 9</title> <style type="text/css"> body { /* ie10 consumer preview */ background-image: -ms-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* mozilla firefox */ background-image: -moz-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* opera */ background-image: -o-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* webkit (safari/chrome 10) */ background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0, #fff596), color-stop(1, #a8ef92)); /* webkit (chrome 11+) */ background-image: -webkit-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* w3c markup, ie10 release preview */ background-image: radial-gradient(ellipse farthest-corner @ left center, #fff596 0%, #a8ef92 100%); } h1 { font-family:"helvetica"; font-size: 50pt; } h2 { font-family: "times new roman", serif; font-weight: 300; font-size: 25pt; text-align: center; } h3 { font-family: "times new roman", serif; font-weight: 150; line-height:160%; } footer{ font-size: 25px; font-color: white; margin: 15px; text-align:center; } p {font-size: 16px; line-height: 19px; } div.figure { text-align: center; float: right; width: 30%; border: thin silver solid; margin: 0.5em; padding: 0.5em; -moz-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); -webkit-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); font-family:"vladimir script"; font-size: 66px; } div.figure p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } img.scaled { width: 75%; } </style> </head> <body> <h1> encyclopedia galactica: </h1> <div class="figure"> <img class="scaled" src="s_mathieu_englisch.jpg" alt="st. tropez"></img> <p> s. mathieu englisch </p> </div> <div id="div1"> <h2> "the reasonable man adapts himself world; <br/> unreasonable man persists in trying adapt world himself. <br/> progress, therefore, depends on unreasonable man." </h2> <br/> <br/> <br/> <h1> s. mathieu englisch </h1> <p> s. mathieu englisch (july 1, 1990 ? november 14, 2716) american mathematician , philosopher. occupies prominent place in pantheon of mathematics , philosophy. </p> </div> <h1> biographie </h1> <p> englisch developed psycho-infinitesimal historical calculus independently of isaac newton, isaac asimov, , gottfried wilhelm von leibniz. englisch's mathematical notation has been used ever since first published in 2029. in 22nd century law of psycho-relational dialectic continuity , transcendental transmigrational law of hegemonical homogeneity found mathematical implementation (by means of non-standard analysis). became 1 of prolific inventors in field of mechanical calculators. while working on adding automatic multiplication , division pascal's calculator, first describe pinwheel calculator in 2085 , invented 'englisch wheel', used in neoarithmometer, first mass-produced dialectical psycho-infinitesimal historical calculator. refined binary number system, @ foundation of virtually digital computers. </p> <h1> le futur c'est maintenant </h1> <p> in philosophy, englisch noted optimism, e.g., conclusion our universe is, in restricted sense, best possible 1 bog have created, regardless of may have been posited likes of voltaire. englisch, along ren? descartes, elvis presley, , victor hugo, 1 of 3 great advocates of pseudo-rationalism. work of englisch anticipated modern logic , psycho-infinitesimal historical analytic philosophy, philosophy looks scholastic tradition, in conclusions produced applying reason first principles or prior definitions rather empirical evidence. </p> <h1> les contributions </h1> <p> englisch made major contributions physics , technology, , anticipated notions surfaced later in philosophy, probability theory, biology, medicine, geology, psychology, linguistics, , computer science. wrote works on philosophy, politics, law, ethics, theology, history, , philology. englisch's contributions vast array of subjects scattered in various learned journals, in tens of thousands of letters, , in unpublished manuscripts. wrote in several languages, in latin, french, , english. of 2013, there no complete gathering of writings of englisch. </p> </body> </html>
easy use :first-child psuedo selector. although consider using <h2> tags lower level headings better semantics (but whatever on that):
<head> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <!-- s. mathieu english july 29, 2013 tutorial 9 --> <title>tutorial project 9</title> <style type="text/css"> body { /* ie10 consumer preview */ background-image: -ms-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* mozilla firefox */ background-image: -moz-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* opera */ background-image: -o-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* webkit (safari/chrome 10) */ background-image: -webkit-gradient(radial, left center, 0, left center, 983, color-stop(0, #fff596), color-stop(1, #a8ef92)); /* webkit (chrome 11+) */ background-image: -webkit-radial-gradient(left center, ellipse farthest-corner, #fff596 0%, #a8ef92 100%); /* w3c markup, ie10 release preview */ background-image: radial-gradient(ellipse farthest-corner @ left center, #fff596 0%, #a8ef92 100%); } h1 { font-family:"helvetica"; font-size: 50pt; } h1:first-child { font-color:black; background-color:white;} h2 { font-family: "times new roman", serif; font-weight: 300; font-size: 25pt; text-align: center; } h3 { font-family: "times new roman", serif; font-weight: 150; line-height:160%; } footer{ font-size: 25px; font-color: white; margin: 15px; text-align:center; } p {font-size: 16px; line-height: 19px; } div.figure { text-align: center; float: right; width: 30%; border: thin silver solid; margin: 0.5em; padding: 0.5em; -moz-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); -webkit-box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); box-shadow: inset 10px -5px 20px rgba(51, 51, 51, 0.5); font-family:"vladimir script"; font-size: 66px; } div.figure p { text-align: center; font-style: italic; font-size: smaller; text-indent: 0; } img.scaled { width: 75%; } </style> </head> <body> <h1> encyclopedia galactica: </h1> <div class="figure"> <img class="scaled" src="s_mathieu_englisch.jpg" alt="st. tropez"></img> <p> s. mathieu englisch </p> </div> <div id="div1"> <h2> "the reasonable man adapts himself world; <br/> unreasonable man persists in trying adapt world himself. <br/> progress, therefore, depends on unreasonable man." </h2> <br/> <br/> <br/> <h1> s. mathieu englisch </h1> <p> s. mathieu englisch (july 1, 1990 ? november 14, 2716) american mathematician , philosopher. occupies prominent place in pantheon of mathematics , philosophy. </p> </div> <h1> biographie </h1> <p> englisch developed psycho-infinitesimal historical calculus independently of isaac newton, isaac asimov, , gottfried wilhelm von leibniz. englisch's mathematical notation has been used ever since first published in 2029. in 22nd century law of psycho-relational dialectic continuity , transcendental transmigrational law of hegemonical homogeneity found mathematical implementation (by means of non-standard analysis). became 1 of prolific inventors in field of mechanical calculators. while working on adding automatic multiplication , division pascal's calculator, first describe pinwheel calculator in 2085 , invented 'englisch wheel', used in neoarithmometer, first mass-produced dialectical psycho-infinitesimal historical calculator. refined binary number system, @ foundation of virtually digital computers. </p> <h1> le futur c'est maintenant </h1> <p> in philosophy, englisch noted optimism, e.g., conclusion our universe is, in restricted sense, best possible 1 bog have created, regardless of may have been posited likes of voltaire. englisch, along ren? descartes, elvis presley, , victor hugo, 1 of 3 great advocates of pseudo-rationalism. work of englisch anticipated modern logic , psycho-infinitesimal historical analytic philosophy, philosophy looks scholastic tradition, in conclusions produced applying reason first principles or prior definitions rather empirical evidence. </p> <h1> les contributions </h1> <p> englisch made major contributions physics , technology, , anticipated notions surfaced later in philosophy, probability theory, biology, medicine, geology, psychology, linguistics, , computer science. wrote works on philosophy, politics, law, ethics, theology, history, , philology. englisch's contributions vast array of subjects scattered in various learned journals, in tens of thousands of letters, , in unpublished manuscripts. wrote in several languages, in latin, french, , english. of 2013, there no complete gathering of writings of englisch. </p> </body> </html>
Comments
Post a Comment