Small php table

[Rob]

Then something is over-riding this code.

I havent time to go through your full css now, but will take a look later.

Yes, you really should use table headers <thead><th> etc..... read up and use them in your table.

[Oak]

Ok, Thanks Rob!

[Rob]

start by removing references to css files that are not needed (temporarily to troubleshoot) - then you can see which one is over-riding this.

[kerrsmith]

I have been looking at the code on your site and have noticed that you have a border-collapse in the embedded styles on your index-classes.php page at line 57, this is overriding the code to space out your cells.

If you remove this it will allow your table cells to space out as you want them to. You will need to check that this does not change anything else on your pages though.

Change:
#hoverpage table {border-collapse:collapse; margin:-1px;}

To:
#hoverpage table {margin:-1px;}

[Oak]

Then something is over-riding this code.

I have been looking at the code on your site and have noticed that you have a border-collapse in the embedded styles on your index-classes.php page at line 57, this is overriding the code to space out your cells.

That's done it! case solved.

It doesn't seem to have changed anything on the page, I will have a look through to see why it was there.

Thanks also for tidying up my CSS and the tips on tables.

...

[Oak]

Oh yeah, I have 4 tables, it is required that you name them differently, do I repeat the code bellow or is there a clever way of compacting the code? Just a thought.

HTML: Select all

#timetable1 th
{
background: #ccc;
}
#timetable1 td
{
background: #E2E4E7;
text-align: left;
}
#timetable1
{
width:445px }

[Rob]

are all tables the same colors and size?

If so, change to a class instead of an id.....

Give each table the same class name, then just amend the above css to use classes instead of id's

[Oak]

Yes, they are the same size and colour.

Thanks again.

[Oak]

Give each table the same class name, then just amend the above css to use classes instead of id's

I have just read a little about when to use id and class but dont see any difference in the way it is written in the css.. sorry but what exactly should I amend in the css?

[Oak]

Ok I got it.

class:
.timetable

id:
#timetable

Kerrsmith, Thanks for going through my CSS!

[masonbarge]

Originally Posted by Rob

Mason, oak is trying to display tabular data. The need for a table in this instance is not only self evident, but highly reccomended -especially when done properly with table headers.

Maybe two years ago. Displaying tabular data without the outdated html table structure is easier to style, loads faster, and is more consistent across browsers.

Once you've duplicated the table functionality in a module, solutions to problems like the one he was having are so easily solved that this thread wouldn't be necessary.

[longstand]

To update robs responce to defining the cellspacing & padding! you did actuall add a value to the cellspacing code didnt you?? As in:

<table border="0" cellpadding="10" cellspacing="4" >

[Oak]

To update robs responce to defining the cellspacing & padding! you did actuall add a value to the cellspacing code didnt you?? As in: <table border="0" cellpadding="10" cellspacing="4" >

Yes

HTML: Select all

<table cellpadding="5" cellspacing="2" class="timetable">

My tables are ok now.