Help - Search - Members - Calendar
Full Version: Tables with borders
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
leebeewee
Hello, I'm new here today. I've been working on my web pages at different sites, learning as I go. I have overcome many obsticles, but I have come across one that is leaving me insane. I really hope you can help, or at least tell me it's the site that has the problem.

I am using the same code as I use on another site, only different background and font colors. But, I have had problems, which I have fixed. Only one more to go. Can't seem to find the problem. Please help me.


Site in question is http://www.mypogopage.com/view_profile.php?member_id=8175

It should look similar to this http://profile.myspace.com/index.cfm?fusea...endid=173045287

I am having problems with the border code in the pogopage site. I have tried making adjustments and haven't found the solutions.

Here's the code, which is the same in both sites


{ Table Properties }
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
border-style:ridge;
border-width:6;
border-color:89012c;
background-color:none;
background-repeat:repeat;
background-attachment:fixed;
background-position:top center;
}
table table table table td {filter:none;}

I either end up with no borders, with the code shown above, or borders around borders never ending. I also can't seem to get a border around my contact table.

Any help to solve this problem would be greatly appreciated.



Darin McGrew
The W3C CSS Validation Service reports a few CSS errors in the above example. Here are a few comments based on that report, and on my own observations.

QUOTE
{ Table Properties }
Comments should look like this:/* Table Properties */
QUOTE
table table { border: 0px }
table table table table{border:0px}
table, tr, td { background-color:transparent; border:none; border-width:0;}
table table table {
So, you're trying to specify borders only for tables that are inside tables that are inside tables, right?

QUOTE
border-style:ridge;
border-width:6;
Your border is 6 what? 6in? 6px? Units are required, unless the number is 0.

QUOTE
border-color:89012c;
I think you meant: #89012c

QUOTE
background-color:none;
I think you meant: background-color:transparent

QUOTE
background-repeat:repeat;
background-attachment:fixed;
background-position:top center;
}
Where is the background image that you're repeating, attaching, and positioning?

QUOTE
table table table table td {filter:none;}
Is there a particular filter specified in another style sheet that you need to turn off? This seems odd.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.