Help please?

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 8th, 2009, 12:29 am

Mkay so, I'm converting my website to XHTML, and I have a problem..

I have a table layout but the XHTML validator won't accept, "bordercolor."

Code: [ Select ]

Line 15, column 20: Attribute "bordercolor" is not a valid attribute

... Or, "border-color."

Code: [ Select ]

Line 15, column 21: Attribute "border-color" is not a valid attribute

So, I tried to put the table style on my style sheet; Now the validator accepts it, but the style of the table won't show up at all.

Here's what I have on my style sheet.

Code: [ Select ]

.table1 {cellpadding: 0px;
width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

.table1 {cellpadding: 0px;
width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

And the actual page.

Code: [ Select ]

<table class="table1">
-didn't copy all the stuff in the table-
</table>

<table class="table1">
-didn't copy all the stuff in the table-
</table>

Can anyone help? c:

Anonymous
Bot
- www.ozzu.com
Joined: 25 Feb 2008
Posts: ?
Loc: Ozzuland
Status: Online

July 8th, 2009, 12:29 am

CXLink
Expert
Joined: Nov 22, 2004
Posts: 684
Loc: ATL-GA
Status: Offline

July 8th, 2009, 10:14 am

Have you tried using table.table1 instead of just .table1?

Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher

mindfullsilence
Professor
Joined: Aug 04, 2008
Posts: 846
Status: Offline

July 8th, 2009, 10:23 am

is it accepting the width, background-color, and cellpadding properties? Or no styles whatsoever?

Use your words like arrows to shoot toward your goal.

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 8th, 2009, 2:31 pm

@CXLink: I have, no help.

@mindfullsilence: The validator or the table? The validator accepts the styles, and the table isn't excepting any of them.

CXLink
Expert
Joined: Nov 22, 2004
Posts: 684
Loc: ATL-GA
Status: Offline

July 9th, 2009, 6:16 am

switch up your html

Code: [ Select ]

<table class="table1">
<tr>
<td>didn't copy all the stuff in the table</td>
</tr>
</table>

<table class="table1">
<tr>
<td>didn't copy all the stuff in the table</td>
</tr>
</table>

got it working in ff3.5 on OSX

Push-Here ::: Web Design + Identity
WordPress - like mayonnaise - goes great with anything
We adore chaos because we love to produce order. -M. C. Escher

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 9th, 2009, 1:53 pm

What did you change? Should I just paste everything I have in the table so it would be easier for you to see what I did wrong. Because that looks the same. o.o

Bogey
Bogey
Joined: Jul 14, 2005
Posts: 8211
Loc: USA
Status: Offline

July 9th, 2009, 4:46 pm

Sure, post what you got here

"Bring forth therefore fruits meet for repentance:" Matthew 3:8

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 9th, 2009, 6:47 pm

Alright.

Code: [ Select ]

<table class="table1">
<tr>
<td height="250" width="800" colspan="3" valign="top">
<img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
</tr>
<tr>
<td height="600" width="150" valign="top">
<div id="nav">
<h1>Site</h1>
<a href="">Test</a>
</div>
</td>
<td height="600" width="500" valign="top">
</td>
<td height="600" width="150" valign="top">
</td>
</tr>
<tr>
<td height="50" width="800" colspan="3" valign="top">
</td>
</tr>
</table>

Code: [ Select ]

table1 {width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

table1 {width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

Bogey
Bogey
Joined: Jul 14, 2005
Posts: 8211
Loc: USA
Status: Offline

July 9th, 2009, 6:55 pm

so... what is your problem again? I checked the CSS in the validator and it found it valid...

The HTML though, you can't have height and width in the HTML... gotta do that with CSS using classes or ids.

"Bring forth therefore fruits meet for repentance:" Matthew 3:8

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 9th, 2009, 7:15 pm

The problem is the style for the table won't work.

Bogey
Bogey
Joined: Jul 14, 2005
Posts: 8211
Loc: USA
Status: Offline

July 9th, 2009, 7:31 pm

What doesn't work? It works for me...

Or do you mean the border for the cells? If so, do the following.

Code: [ Select ]

.table td {
border: 1px solid #000000;
}

.table td {
border: 1px solid #000000;
}

"Bring forth therefore fruits meet for repentance:" Matthew 3:8

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 9th, 2009, 7:45 pm

None of the style for the whole table is working. I think it might be something within the rest of the code or something.. I'm going to just paste everything.

Code: [ Select ]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<link rel="stylesheet" type="text/css" href="http://neopets.metrellie.comuv.com/style.css" />
<title>Metrellie~</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>

<body>

<center>

<table class="table1">
<tr>
<td height="250" width="800" colspan="3" valign="top">
<img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
</tr>
<tr>
<td height="600" width="150" valign="top">

<div id="nav">
<h1>Site</h1>
<a href="">Test</a>
</div>

</td>
<td height="600" width="500" valign="top">

</td>
<td height="600" width="150" valign="top">

</td>
</tr>
<tr>
<td height="50" width="800" colspan="3" valign="top">

</td>
</tr>
</table>

</center>

</body>

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<link rel="stylesheet" type="text/css" href="http://neopets.metrellie.comuv.com/style.css" />
<title>Metrellie~</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
</head>
<body>
<center>
<table class="table1">
<tr>
<td height="250" width="800" colspan="3" valign="top">
<img src="http://i25.tinypic.com/15hif42.jpg" alt="banner" /></td>
</tr>
<tr>
<td height="600" width="150" valign="top">
<div id="nav">
<h1>Site</h1>
<a href="">Test</a>
</div>
</td>
<td height="600" width="500" valign="top">
</td>
<td height="600" width="150" valign="top">
</td>
</tr>
<tr>
<td height="50" width="800" colspan="3" valign="top">
</td>
</tr>
</table>
</center>
</body>
</html>

Stylesheet:

Code: [ Select ]

body    {background-color: #0b140f;
font-family: century gothic;
color: #000000;
font-size: 12px}

h1    {font-family: century gothic;
text-transform: none;
text-align: center;
margin: 1;
border-bottom: 1px #42815b dashed;
color: #42815b;
font-size: 14px; }
h2    {font-family: Century Gothic;
text-transform: none;
text-decoration: none;
font-weight: none;
text-align: center;
margin: 4;
border: 1px #f09e25 solid;
color: #fff18b;
font-size: 12px;
width: 200px;
background: #ffbe4e; }

b {color: #f6cb03; }
i {color: #f6cb03; }
u    {color: #f6cb03;
border-bottom: 1px dashed #fffa97; }
li    {font-family: century gothic;
color: #f6cb03; }

a:link    {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }
a:hover {font-family: century gothic;
font-size: 12px;
color: #f8886f;
text-decoration: none; }
a:visited {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }
a:active {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }

#nav {background-color: #63b28e;
border: solid 1px #000000;
text-align: left;
width: 125px;
margin: 3px;
padding: 2px; }

table1 {width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

body {background-color: #0b140f;
font-family: century gothic;
color: #000000;
font-size: 12px}
h1 {font-family: century gothic;
text-transform: none;
text-align: center;
margin: 1;
border-bottom: 1px #42815b dashed;
color: #42815b;
font-size: 14px; }
h2 {font-family: Century Gothic;
text-transform: none;
text-decoration: none;
font-weight: none;
text-align: center;
margin: 4;
border: 1px #f09e25 solid;
color: #fff18b;
font-size: 12px;
width: 200px;
background: #ffbe4e; }
b {color: #f6cb03; }
i {color: #f6cb03; }
u {color: #f6cb03;
border-bottom: 1px dashed #fffa97; }
li {font-family: century gothic;
color: #f6cb03; }
a:link {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }
a:hover {font-family: century gothic;
font-size: 12px;
color: #f8886f;
text-decoration: none; }
a:visited {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }
a:active {font-family: century gothic;
font-size: 12px;
color: #adfffe;
text-decoration: none; }
#nav {background-color: #63b28e;
border: solid 1px #000000;
text-align: left;
width: 125px;
margin: 3px;
padding: 2px; }
table1 {width: 800px;
background-color: #b9fbcd;
border: 1px solid #000000; }

I've previewed it in firefox, safari, and my html editor program but the table is border-less and background-less. :\ -doesn't get what I'm doing wrong-

Oh and the style sheet isn't complete yet because I am changing the styles from my last style sheet, so some of the colors won't match right.

Bogey
Bogey
Joined: Jul 14, 2005
Posts: 8211
Loc: USA
Status: Offline

July 9th, 2009, 7:50 pm

Maybe it requires that dot in front of the class name? .table1

"Bring forth therefore fruits meet for repentance:" Matthew 3:8

iveysaur
Novice
Joined: Jul 08, 2009
Posts: 18
Loc: Florida
Status: Offline

July 9th, 2009, 7:57 pm

Yea it does. Idk how that keeps getting erased. Anyway, Still nothing. :\

Bogey
Bogey
Joined: Jul 14, 2005
Posts: 8211
Loc: USA
Status: Offline

July 9th, 2009, 8:01 pm

Check your CSS... .table1 is not defined there. Don't forget to actually upload the CSS to your site

Also, add the following to your CSS (I think it would make the menu a little better

CSS Code: [ Select ]

#nav a {display: block;
width: 100%;}

#nav a {display: block;
width: 100%;}

"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Anonymous
Bot
- www.ozzu.com
Joined: 25 Feb 2008
Posts: ?
Loc: Ozzuland
Status: Online

July 9th, 2009, 8:01 pm

1, 2

To Reply to this topic you need to LOGIN or REGISTER. It is free.

Post Information

Total Posts in this topic: 30 posts
Users browsing this forum: No registered users and 129 guests

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Help please?

Post Information

Sponsored Links

Other Languages

Website Development

Graphics

OS & Hardware

Internet Marketing

Marketplace

Community Area

Ozzu Maintenance

Forum Network

Forum Partners

Other Information