Table alignment


O

OccasionalFlyer

In trying to improve what someone else put on www.ibr-bbr.org about
IBR's annual meeting next November (near the bottom of the page), I
have tried to put the content into multiple tables. (I don't claim to
be a web designer, so there may be better ways to do this, and I
readily accept suggestions.)
I have three main tables, with the first table containing two tables.
I have two questions.
1. The <th> of the first table, which says "Nov. 18- Friday" has a
colspan="3" in it but it is not spanning three columns. What do I need
to do to make a <th> span all three columns that the inner tables
have?

2. The second main table, which starts with
<table border="1">
<tr>
<th colspan="3">
Nov. 19 Saturday 8:30 A.M.-12:30 P.M. IBR Morning Session
</th>
</tr>

is much wider than the table above it. How do I get all the tables in
this section to align the same, all with the same left margin as the
image above it?

Thanks.

Ken
 
Ad

Advertisements

A

Andy

OccasionalFlyer said:
In trying to improve what someone else put on www.ibr-bbr.org about
IBR's annual meeting next November (near the bottom of the page), I
have tried to put the content into multiple tables. (I don't claim to
be a web designer, so there may be better ways to do this, and I
readily accept suggestions.)
I have three main tables, with the first table containing two tables.
I have two questions.
1. The <th> of the first table, which says "Nov. 18- Friday" has a
colspan="3" in it but it is not spanning three columns. What do I need
to do to make a <th> span all three columns that the inner tables
have?

2. The second main table, which starts with
<table border="1">
<tr>
<th colspan="3">
Nov. 19 Saturday 8:30 A.M.-12:30 P.M. IBR Morning Session
</th>
</tr>

is much wider than the table above it. How do I get all the tables in
this section to align the same, all with the same left margin as the
image above it?

Thanks.

Ken


Hi Ken,

I've done a quick&dirty update to the page...

http://homepage.ntlworld.com/andy.j.bailey/example.html

....just copy the source code and upload to your server.


Andy
 
R

richard

In trying to improve what someone else put on www.ibr-bbr.org about
IBR's annual meeting next November (near the bottom of the page), I
have tried to put the content into multiple tables. (I don't claim to
be a web designer, so there may be better ways to do this, and I
readily accept suggestions.)
I have three main tables, with the first table containing two tables.
I have two questions.
1. The <th> of the first table, which says "Nov. 18- Friday" has a
colspan="3" in it but it is not spanning three columns. What do I need
to do to make a <th> span all three columns that the inner tables
have?

2. The second main table, which starts with
<table border="1">
<tr>
<th colspan="3">
Nov. 19 Saturday 8:30 A.M.-12:30 P.M. IBR Morning Session
</th>
</tr>

is much wider than the table above it. How do I get all the tables in
this section to align the same, all with the same left margin as the
image above it?

Thanks.

Ken

First, clean up your errors by going here
http://validator.w3.org/

<table><tr><th>data</th></tr></table>
Should be simply <table><th>data</th></table>

IMO, create one table instead of 3.
Left most column then will be the date.

The colspan does not span 3 columns because of the leading <tr>.
<th> is a row tag which is acted upon differently.
 
Ad

Advertisements

X

xx x

Will email you the code.
Your culprit is

<td colspan="3">10 am</td>

which would span your time over 3 columns.
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top