Table problems with font size

[willwatson]

Not too sure if its been covered before but i did search for it.

 

my problem is with my tables on new pages.

 

whenever i add a table to a page even on the products discription, the font size goes large.

 

you can see thin in action on http://www.resonate-records.co.uk/store/index.php by clicking the 'Discography' and 'Future Relases' pages on the right under 'Navigation'

 

ive got a feeling something might need ading to the stylesheet but no idea what or where,

 

 

if anyone can help me that would save my life!

 

 

thanks in advance,

 

 

 

Will

[willwatson]

My script for the Discography file is as follows

 

 

<?php
/*
 $Id: label_discog.php,v 1.4 2002/11/19 01:48:08 dgw_ Exp $

 osCommerce, Open Source E-Commerce Solutions
 http://www.oscommerce.com

 Copyright (c) 2002 osCommerce

 Released under the GNU General Public License
*/

define('NAVBAR_TITLE', 'Label Discog');
define('HEADING_TITLE', 'Resonate Records Discography');

define('TEXT_INFORMATION', '



<table width="719" border="0" cellspacing="0" cellpadding="0">
 <tr>
<td width="72"><strong>Cat # </strong></td>
<td width="177"><strong>Title</strong></td>
<td width="244"><strong>Artist</strong></td>
<td width="147"><strong>Mix</strong></td>
<td width="79"><strong>Released</strong></td>
 </tr>
 <tr>
<td>RR001a</td>
<td>Heatwave</td>
<td>Chrysus Vs Modulate</td>
<td>Original</td>
<td> 2006-01-12 </td>
 </tr>
 <tr>
<td>RR001b</td>
<td>Fantasy</td>
<td>Chrysus Vs Modulate</td>
<td>Original</td>
<td>2006-01-12</td>
 </tr>
 <tr>
<td>RR002</td>
<td>Fanmail</td>
<td>Laura May </td>
<td>Original</td>
<td> 2006-03-20 </td>
 </tr>
 <tr>
<td>RH001a</td>
<td>Inside Information </td>
<td>Modulate Feat. Gyrus</td>
<td>Original</td>
<td> 2006-05-15</td>
 </tr>
 <tr>
<td>RH001b</td>
<td>Stabalize</td>
<td> Modulate Vs Mike+Danny </td>
<td>Original</td>
<td>2006-05-15</td>
 </tr>
 <tr>
<td>RR003a</td>
<td>Afterworld</td>
<td>Firestorm</td>
<td>Original</td>
<td>2006-05-22</td>
 </tr>
 <tr>
<td>RR003b</td>
<td>Afterworld</td>
<td>Firestorm</td>
<td>Akira Kayosa Remix </td>
<td>2006-05-22</td>
 </tr>
 <tr>
<td>RR004a</td>
<td>Tears Of the Sun </td>
<td>Akira Kayosa Pres. Will Watson </td>
<td>Original</td>
<td>2006-07-02</td>
 </tr>
 <tr>
<td>RR004b</td>
<td>Tears Of the Sun </td>
<td>Akira Kayosa Pres. Will Watson </td>
<td>Firestorm Remix </td>
<td>2006-07-02</td>
 </tr>

</table> ');
?>

[willwatson]

bump :-"

[Sheffield_Tiger]

how about changing in your page text

 

<table width="719" border="0" cellspacing="0" cellpadding="0">

 

to

 

<table class="discography">

 

 

 

then add

 

/* Added for discography page */

table.discography { color: #666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 719px }

 

to your stylesheet (as an example)

 

of course, you could jazz your pages up even more by giving table rows and alternate table rows/columns their own class

[willwatson]

how about changing in your page text

 

<table width="719" border="0" cellspacing="0" cellpadding="0">

 

to

 

<table class="discography">

then add

 

/* Added for discography page */

table.discography { color: #666; font-size: 11px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; width: 719px }

 

to your stylesheet (as an example)

 

of course, you could jazz your pages up even more by giving table rows and alternate table rows/columns their own class

 

 

cheers tiger, will give it a try when i get home, any probs and ill post back up here.

 

thanks again.

 

 

Will

[willwatson]

ok ive given it a go, it has sorted the table out but not the font size still. its still too large

[spax]

In the future releases page, you have undefined rules, controlling that text.

 

<table class=futurereleases>

<span class="style4">

<span class="style6">

 

The <span> styles are unnecessary, btw!

 

The discography rule in the stylesheet has an improper comment * instead of /* which will affect it.

[willwatson]

In the future releases page, you have undefined rules, controlling that text.

 

<table class=futurereleases>

<span class="style4">

<span class="style6">

 

The <span> styles are unnecessary, btw!

 

The discography rule in the stylesheet has an improper comment * instead of /* which will affect it.

 

 

what do you mean spax?

[willwatson]

what do you mean spax?

 

 

bump :blush:

[spax]

What do you mean what do I mean? :P

 

What bit needs clarification?

[willwatson]

In the future releases page, you have undefined rules, controlling that text.

 

<table class=futurereleases>

<span class="style4">

<span class="style6">

 

The <span> styles are unnecessary, btw!

 

The discography rule in the stylesheet has an improper comment * instead of /* which will affect it.

 

 

what exactly do i need to do?

[spax]

Ok, all of it then!

 

The table that is controlling the layout of futurereleases.php

 

Cat # Title Artist Mix Release*

 

is calling for the futurereleases rule, from the stylesheet:

 

<table class=futurereleases>

 

However, you don't have a rule for futurereleases defined in the stylesheet.

 

You did have a lot of <span> classes called, which were also undefined. It appears you understood that bit as they have now gone.

 

Where you have defined the discography rule, above it, you have some commented out text. The comments are not correct so could cause a browser to misinterpret it.

 

You have:

 

* Added for discography page */

 

You should have:

 

/* Added for discography page */

[willwatson]

Ok, all of it then!

 

The table that is controlling the layout of futurereleases.php

 

Cat # Title Artist Mix Release*

 

is calling for the futurereleases rule, from the stylesheet:

 

<table class=futurereleases>

 

However, you don't have a rule for futurereleases defined in the stylesheet.

 

You did have a lot of <span> classes called, which were also undefined. It appears you understood that bit as they have now gone.

 

Where you have defined the discography rule, above it, you have some commented out text. The comments are not correct so could cause a browser to misinterpret it.

 

You have:

 

* Added for discography page */

 

You should have:

 

/* Added for discography page */

 

 

 

ah oui! ill give that a try if not ill pm you to let you know how misserably i failed! and there will be a post on here!

 

thanks mate ill try now.

[willwatson]

THATS THE BEAUTY!!! well kinda, got the font size sorted! now the table size has gone wild! any idea why?

[spax]

Try losing the cell, width attributes. Let those tables sort themselves out.

 

 

Bloody French! :D

[willwatson]

Try losing the cell, width attributes. Let those tables sort themselves out.

Bloody French! :D

 

 

ok that worked but some of the columns touch and look like one lines...

[spax]

Ok, I just saw what you mean.

 

You have given the futurereleases rule a width. Remember this table is nested in another table's cell so will expand that cell. Lose the width from the rule!

[spax]

I see it is still not quite right.

 

Where you have width: auto; in the stylesheet, change that to width: 100%;

 

That will fill the containing cell, rather than stretch it. Your layout will look better.

[willwatson]

I see it is still not quite right.

 

Where you have width: auto; in the stylesheet, change that to width: 100%;

 

That will fill the containing cell, rather than stretch it. Your layout will look better.

 

 

thats hit the spot! thanks alot for all your help buddy! cheers everyone else who helped along the way too! :thumbsup:

[spax]

Nice one! No problem, happy to help.