W3C CSS Validator results for http://www.texaswebdevelopers.com/blog/examples/layout.html (CSS level 2)

Congratulations! No Error Found.

This document validates as CSS level 2 !

To show your readers that you've taken the care to create an interoperable Web page, you may display this icon on any page that validates. Here is the XHTML you could use to add this icon to your Web page:

Valid CSS! 
<p>
    <a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="Valid CSS!" />
    </a>
</p>
Valid CSS! 
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="Valid CSS!" />
</a>
</p>

(close the img tag with > instead of /> if using HTML <= 4.01)

If you like, you can download a copy of this image to keep in your local web directory, and change the XHTML fragment above to reference your local image rather than the one on this server.

If you would like to create a link to this page (i.e., this validation result) to make it easier to re-validate this page in the future or to allow others to validate your page, the URI is: 

http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http://www.texaswebdevelopers.com/blog/examples/layout.html
or
http://jigsaw.w3.org/css-validator/check/referer (for HTML/XML document only)

(Or, you can just add the current page to your bookmarks or hotlist.)

↑ Top

Warnings (4)

URI : http://www.texaswebdevelopers.com/blog/examples/layout.html

62 You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
99 You have no color set (or color is set to transparent) but you have set a background-color. Make sure that cascading of colors keeps the text reasonably legible.
130 .wrapper #header h1 You have no background-color set (or background-color is set to transparent) but you have set a color. Make sure that cascading of colors keeps the text reasonably legible.
377 .wrapper #sidebar1 #nav li a Redefinition of width

↑ Top

Valid CSS information

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-weight : inherit;
font-style : inherit;
font-size : 100%;
font-family : inherit;
vertical-align : baseline;
background : none;
}
:focus {
outline : 0;
}
body {
line-height : 1;
color : black;
background : white;
}
ol, ul {
list-style : none;
}
table {
border-collapse : separate;
border-spacing : 0;
}
caption, th, td {
text-align : left;
font-weight : normal;
}
blockquote:before, blockquote:after, q:before, q:after {
content : "";
}
blockquote, q {
quotes : "" "";
}
textarea {
margin : 0;
padding : 0;
}
body {
font-family : Tahoma, Geneva, sans-serif;
font-size : 62.5%;
line-height : 1.5em;
background : #336699;
margin : 0;
padding : 0;
text-align : center;
color : #000000;
}
.wrapper #container {
width : 780px;
background : #ffffff;
margin : 0 auto;
border : 1px solid #000000;
text-align : left;
color : #000;
}
.wrapper #header {
background-color : #369;
background-image : url(images/jeep_ride_above_Lajitas.jpg);
height : 150px;
color : #000;
}
.wrapper #header h1 {
margin : 0;
padding : 0 0 0 20px;
font-family : Tahoma, Geneva, sans-serif;
font-size : 2.4em;
font-weight : bold;
background-color : transparent;
color : #ffffff;
line-height : 1.8em;
}
.wrapper #sidebar1 {
float : left;
width : 200px;
background : #ffffff;
padding : 15px 10px 15px 20px;
color : #000;
}
.wrapper #sidebar1 p {
font-size : 1.2em;
line-height : 1.2em;
text-align : left;
letter-spacing : 0.1em;
}
.wrapper #sidebar1 h3 {
font-size : 1.8em;
padding : 10px 0 15px 0;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
}
.wrapper #mainContent {
margin : 0 0 0 250px;
padding : 0 20px;
border-left : 1px dotted #999;
}
.wrapper #mainContent p {
font-size : 1.2em;
line-height : 1.2em;
text-align : justify;
letter-spacing : 0.1em;
}
.wrapper #mainContent h1 {
font-size : 2.4em;
padding : 15px 8px 12px 8px;
line-height : 1.2em;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
}
.wrapper #mainContent h2 {
font-size : 2.1em;
padding : 15px 8px 12px 8px;
line-height : 1.2em;
font-family : Tahoma, Geneva, sans-serif;
font-weight : bold;
}
.wrapper #image1 {
float : left;
border : none;
width : 200px;
}
.wrapper #footer {
padding : 0 10px 0 20px;
background : #dddddd;
color : #000;
}
.wrapper #footer p {
margin : 0;
padding : 10px 0;
font-size : 1.2em;
color : #000;
background : #dddddd;
font-family : Tahoma, Geneva, sans-serif;
}
.fltrt {
float : right;
margin-left : 8px;
width : 0;
}
.fltlft {
float : left;
margin-right : 8px;
width : 0;
}
.clearfloat {
clear : both;
height : 0;
font-size : 1px;
line-height : 0;
}
.pagebreak {
page-break-before : always;
}
.noprint {
display : none;
}
#Form1 {
width : 20em;
}
#Form1 fieldset {
display : block;
background-color : #ffffff;
border : 1px solid #ccc;
font-size : 1.2em;
padding : 0 0 0 10px;
color : #000;
}
#Form1 fieldset label {
margin-bottom : 1em;
font-size : 1em;
font-weight : normal;
}
#Form1 fieldset legend {
margin-bottom : 1em;
font-size : 1.2em;
font-weight : bold;
padding : 0 5px 0 5px;
}
#Form1 fieldset legend p {
font-size : 1.2em;
font-weight : normal;
width : 16em;
color : #000080;
background-color : #ffffff;
}
#Form1 fieldset .submit {
border : 1px inset #006;
background : #ccf;
margin : 15px 0 5px 20px;
color : #000;
}
#Form1 fieldset .submit:hover {
border : 1px inset #f00;
background : #eef;
cursor : pointer;
color : #000;
}
.floatRight {
float : right;
width : 0;
}
.floatLeft {
float : left;
width : 0;
}
.clearBoth {
clear : both;
}
.clearLeft {
clear : left;
}
.clearRight {
clear : right;
}
.inline {
display : inline;
}
.block {
display : block;
}
.hidden {
display : none;
}
.invisible {
visibility : hidden;
}
.visible {
visibility : visible;
}
.marginTop10 {
margin-top : 10px;
}
.marginRight10 {
margin-right : 10px;
}
.marginBottom10 {
margin-bottom : 10px;
}
.marginleft10 {
margin-left : 10px;
}
.wrapper #sidebar1 #nav, #nav ul {
padding : 0;
margin : 0;
list-style : none;
float : left;
width : 150px;
}
.wrapper #sidebar1 #nav li {
position : relative;
float : left;
line-height : 1.4em;
margin-bottom : -1px;
width : 150px;
}
.wrapper #sidebar1 #nav li ul {
position : absolute;
left : -999em;
margin-left : 165px;
margin-top : -1.35em;
}
.wrapper #sidebar1 #nav li ul ul {
left : -999em;
}
.wrapper #sidebar1 #nav li a {
width : 150px;
width : 150px;
display : block;
color : black;
font-size : 140%;
font-weight : normal;
text-decoration : none;
background-color : white;
border : 1px solid #ccc;
padding : 0 0.5em;
}
.wrapper #sidebar1 #nav li a:hover {
color : white;
background-color : black;
}
.wrapper #sidebar1 #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left : -999em;
}
.wrapper #sidebar1 #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left : auto;
}

↑ Top