PDA

View Full Version : Need some CSS Table Help Please


beth_lk
22-09-2008, 21:02/09:02PM
This is my third attempt to clean this post up.
First I see I posted it in the wrong thread ( sorry, feel free to move ), then when I went to edit it, all the html shows up in my text - huh?
Then I tried to delete it and am not allowed.

Third time is the charm - right :thumb:

I use FP ( front page ) as my guide of sorts for my web pages. I say "guide" as I always have to go in and correct the code FP does wrong. But this has worked well for me over the years. I recently switched to FP2003 and now have a W3C attribute error issue.

I am trying to make a table ( border ) within a table and having the tables be different colors.
( page with this table on is in my profile for you to see )

After "fighting" FP and html and getting no where, I decided to just do this in CSS.
Weeks later, I can not find a correct CSS code ( or mixture of codes ) to make this table as I want it.

Can anyone help me out please?

I really want this look but can not find the CSS resources for it or fix it in html. I am hoping I am over looking something really silly and someone will ( graciously ) point it out to me :notworthy

beth_lk
23-09-2008, 15:49/03:49PM
Bumping :)

TDTechFlex
24-09-2008, 09:15/09:15AM
Hi Beth,

I think you need to change your css so that the naming convention is a little more like table.navlink {css characteristics;}

- instead of -

table {border-collapse: collapse;} p.email {margin-top: 50px; margn-bottom:25px; } .navlink

You're calling for a "table" reference in both locations when your tables are defined similarly, which is why you're getting the same results. You need to call an object.method appropriately. Here's an example - I use <div> instead of tables, but you'll get the idea:

DIV.mainContent H1{
background:URL('images/h1.jpg');
color:white;
height:26px;
font-size:16px;
padding:4px 0 0 10px;
border:1px solid #000;

When <div.mainContent> is called, the same way you would have <table.navlink> called, I can force the characteristics I want on an H1 when I call for an H1 in this particular <div>. You can do the same thing when calling for a table, you just need to call for a table.method that will output the different characteristics of your table(s) accordingly.

Hope this makes sense...

beth_lk
24-09-2008, 14:44/02:44PM
Thanks TD - I will try this, much appreciated :)

Connie
25-09-2008, 03:23/03:23AM
Are you asking about the site in your profile? If so I think the problem is your use of bordercolers in the html. I think you need to move that to a style sheet.

W3C validation page (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.zazamm.com%2Fti.html)
You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element.

Of course I could be misinterpreting the error message. The only way I can normally figure out error messages like those is to start making changes to the html or style sheet.

9hunter1
02-12-2008, 20:27/08:27PM
spam deleted