|
StevieB -> What happend to the weekend? & I'm lost! (8/28/2005 21:29:28)
|
I've been trying to learn html & css at the same time and make the code valid strict.
OK so I don't know my limits, but here are the problems...
This page works well in IE but the table seems to gain some wierd hieght in Mozilla Firefox, not tested in any other browsers... http://localspeeddates.com/index2.html
It has an include page for the header ... http://localspeeddates.com/head2.html
And a footer page ... http://localspeeddates.com/Foot2.html
Quick note: Can some one tell me how to add the scolling text box so I dont do this in the future?
Here's the css...
body { color: #000000;
background-color: #ffffff;
margin: 20px;
padding: 0px;
border-style: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
text-align: justify;
font-size: 14px;}
/**************** LINKS ****************************/
a:visited {color: #040cff;
text-decoration: underline;}
a:hover {color: #eb0202;
text-decoration: underline;}
a:link {color: #040cff;
text-decoration: underline;}
a:link.none {
text-decoration: none;}
/*************** FONT SIZE *************************/
h1 {font-size: 32px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
text-align: left;
color: #962013;}
h2 {font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
color: #962013;}
h3 {font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
text-align: Left;
color: #962013;}
h4 {font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
text-align: Right;
vertical-align: bottom;
}
h5 {font-size: 16px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: italic;
text-align: center;
color: #962013;}
h6 {font-size: 12px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
font-style: normal;
text-align: center;}
/************** IMAGES ****************************/
img {
border: 0px solid #000000;
float: right;
margin: 5px;
}
img.class1 {
border: 0px solid #000000;
float: right;
margin: 5px;
}
img.class2 {
border: 0px solid #000000;
float: left;
margin: 5px;
}
/*************** FONT SIZE *************************/
font {color: #800000;
font-size: 12px;}
font.class1 {color: #800000;
font-size: medium;}
p {
text-align: justify;}
p.class1 {
text-align: justify;}
font {
font-family: Arial;
font-size: x-small;}
font {color: #111111;
font-family: Arial;
font-size: x-small;}
/*************** TABLES ****************************/
table.class1 {
border: 0px none;
border-collapse: collapse;
background-color: #ffffff;
width: 640px;
}
table.class2 {
background-image: url(speed/bluesky.jpg);
border: 0px none;
border-collapse: collapse;
background-color: #ffffff;
width: 640px;
}
tr.class1 {
text-align: left;
vertical-align: top;
}
td.class1 {
width: 320px;
padding: 0;
margin: 0;
}
td.class2 {
width: 14px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class3 {
width: 306px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class4 {
width: 186px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class5 {
width: 454px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class6 {
width: 203px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class7 {
width: 437px;
vertical-align: top;
padding: 0;
margin: 0;
}
td.class8 {
width: 640px;
vertical-align: top;
padding: 0;
margin: 0;
}
table.class2 {
background-image: url(speed/bluesky.jpg);
border: 0px none;
border-collapse: collapse;
background-color: #ffffff;
width: 640px;
}
And if all that is not bad enough I spent the whole weekend trying to correct my 39 errors to please the W3C and I still come up with 24 errors.
Here's that link...
http://validator.w3.org/check?uri=http%3A%2F%2Flocalspeeddates.com%2Findex2.html
Another really wierd thing is the head2 & include pages really get distorted when I view them in FP02 - Is this Normal ???
Sorry I know this is a lot but, help on any part of this post will save me from jumping of the roof!!
Thanks All,
Steve
|
|
|
|
