Formatting and table placing help

**Choller** · Sep 26th, 2002, 06:33 AM

I have 2 problems.
The page you have to look is this one:

http://www.themainclick.net/basketball/nbaindex.php

Problem 1.
I want the right scrolling text box to be higher. It has to stay on the right side but it has to be as high as the first table on the left side. I don't know how i can do this.

Problem 2.
I want to be able to change the fonts in the tables (in the middle).
So far between every <td></td> code i have to use the <form> code. Ain't there some way i can use the font code so that it applies for every text in the table. Using the font code in the <body> won't work.

Suggestions to how i can make the table more lovlier or professional are also very welcome (i'm not good in graphics).

Additional info: Behind that code is a lot of php stuff.

Thanx in advance.

**Travis G** · Sep 26th, 2002, 12:16 PM

Don't use tables for layout. That is one of the biggest no-no's and the easiest way to not only make your page professional, but alleviate all of your problems.

Second, unless you have a specific audience using inadequate web browsers (IE for example), use CSS. You can set the font for the whole page, or each region of the page (left div, middle div, right div) or for each type of copy (using the class attribute).

**Rick Bull** · Sep 27th, 2002, 05:12 AM

I agree with that too, esp for the first question. As for the second you can do it through CSS in several ways. First for whatever element you want you can do this:

Code:

<body style="font-family:Verdana, Tahoma, sans-serif;">

That would set the body (and thefore everything else within it) to use Verdana, and if that's not found Tahoma, and last as a backup any old sans-serif font. But you can also use classes. This can go in a plain text file name 'style.css':

Code:

.myClass {
  font-family:Verdana, Tahoma, sans-serif;
}

The your HTML should look something like this:

Code:

<head>
  <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
  <p class="myClass">This para has the myClass font attributes</p>
  <p>This one doesn't</p>
  <p class="myClass">And this one does again</p>
  <!-- ETC -->

That's only a stripped down version of what the page should be obviously, and there are other ways of doing it.

**trojjer** · Sep 27th, 2002, 08:28 PM

Hey there - I thought IE6 was up to scratch with CSS, with the DOCTYPE set to "Strict"...?

**Rick Bull** · Sep 28th, 2002, 04:35 AM

Nah that's just one of their lies

It is a lot better than previous versions but it still doesn't support the box model properly, still has problems getting the right colour your set, problems with tables, proplems with fix positioning, and tonnes of other things it doesn't support. Hopefully version 7 should be better

**trojjer** · Sep 28th, 2002, 08:16 PM

And to think the browser still masquerades as "Mozilla compatible", in the "http client version" header value...

**Rick Bull** · Sep 29th, 2002, 06:18 AM

I think you may be right. I've never understood why it says Mozilla, does anyone know? I haven't been into web development long enough to know about that sort of thing

I thought IE and the old NS were based on Mosaic.

**Choller** · Sep 30th, 2002, 07:05 AM

Hmm....

I'm actually using css for the whole site. But i want my table fonts to be smaller and i can't do that with php (i have to tag every cell as far as i know).

And why not tables ? Some say use tables, some say use frames.

I didn't like frames so i'm using normal html code with a include php tag. The menu get's included in the php tag.

**Rick Bull** · Sep 30th, 2002, 07:55 AM

Just do what I said in my original post for the table you want to affect:

Code:

<table style="font-size:75%;">

And it's no big deal to use tables, as long as they make sense for example in blind browser when the cells are linearised. But CSS is a lot more powerful, and can almost always do what you want, and cut the amount of code you need in half. Obviously it's up to use if you want to use tables or CSS in the end though.

**Choller** · Oct 4th, 2002, 02:05 AM

Thanx Rick, The font works.

However, i still can't put the right table (whith the scrolling new) on top, can anyone help me with that ?

align = top doesn't work.

**Rick Bull** · Oct 4th, 2002, 04:03 AM

Shouldn't it be valign? If that still doesn't work or you want to use style you should be able to add this to the style:

Code:

vertical-align:top;

**Choller** · Oct 7th, 2002, 08:55 AM

Thanx man i fixed it.

After looking hard trhough all the table codes i found that i should've put the valign code in another part of the table, so now it's resolved.

It looks beautifull

Thread: Formatting and table placing help

Thread Tools

Display

Formatting and table placing help

What about IE6...?

Hmm...

Posting Permissions