|
| |
|
|
StevieB
Posts: 80
Joined: 8/11/2005
From: Yuma, AZ USA
Status: offline
 |
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
|
|
|
|
StevieB
Posts: 80
Joined: 8/11/2005
From: Yuma, AZ USA
Status: offline
|
RE: What happend to the weekend? & I'm lost! - 8/28/2005 23:31:36
quote:
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.
Now down to 8 errros
| |
|
|
|
d a v e
Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online
|
RE: What happend to the weekend? & I'm lost! - 8/29/2005 10:02:06
to centre a div use css and a style like
.centred {margin-left: auto; margin-right:auto;}
to align the contents of a div or other text etc then use
.centre {text-align: center;}
and apply those styles to the relevant elements
similarly for a width
.cellwidth {width:100%;}
:)
_____________________________
David Prescott
Gekko web design
| |
|
 New Messages |
 No New Messages |
 Hot Topic w/ New Messages |
 Hot Topic w/o New Messages |
 Locked w/ New Messages |
 Locked w/o New Messages |
|
Post New Thread
Reply to Message
Post New Poll
Submit Vote
Delete My Own Post
Delete My Own Thread
Rate Posts
|
|
|
Printable Version 
