473,327 Members | 1,967 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,327 software developers and data experts.

Table problem?

Bob
Hello Everyone,

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table
to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .

I placed the CSS and HTML below.

Can anyone see why this might be happening?

Thanks a lot,

Bob

___

CSS:

table.products th{ /* Products Table */
text-align: left;
}

#middle table.products td{
vertical-align: top;
}

table.products{
margin-bottom: 25px;
}

..mycol1{ /* Products Table Column Width */
width: 10%;
}
..mycol2{
width: 75%;
}
HTML:
<table class="products" summary="Contact information for Ability
Technologies" border=0>
<tr valign="top"><th colspan="2">Ability Technologies </th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>Box 44, 145 Sydney
Road, Fairlight NSW 2094, Australia </td></tr>
<tr valign="top"><td>Phone:</td><td>(02) 9907 9736 </td></tr>
<tr valign="top"><td>Fax:</td><td>(02) 9907 9599 </td></tr>
<tr valign="top"><td>Website:</td><td>
<a href="http://www.abilitycorp.com.au">http://www.abilitycorp.com.au
</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:gr****@abilitycorp.com.au">gr****@abi litycorp.com.au
</a></td></tr>
<tr valign="top"><td colspan="2"><p>Ability assists people with disabilities
to obtain maximum benefits from modern computer technology.
Their products include keyboards and pointing devices. </p></td></tr>
</table>
Jul 20 '05 #1
12 2127
On Sun, 03 Oct 2004 18:40:04 GMT, wrote:
Hello Everyone,

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one
table
to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .

Try setting a width to the table cells.
Jul 20 '05 #2
Bob wrote:

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table
to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .
Um, no, I do not see any of that.
The URL shows *three* columns, not two, and "North B Street" is nowhere
to be found.
I placed the CSS and HTML below.

Useless.
The <http://www.usernomics.com/main.css> abounds with errors. Fix the
validation problems first.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #3
Bob

"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:Fu********************@giganews.com...
Bob wrote:

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .

Um, no, I do not see any of that.
The URL shows *three* columns, not two, and "North B Street" is nowhere
to be found.
I placed the CSS and HTML below.

Useless.
The <http://www.usernomics.com/main.css> abounds with errors. Fix the
validation problems first.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hello,

I was using the North B Street as an example. Sorry. Here is the actual text
in IE:

It is the space between Address: and Box 44, 145 etc. etc.
Ability Technologies
Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
Phone: (02) 9907 9736
Fax: (02) 9907 9599
Website: http://www.abilitycorp.com.au
Email: gr****@abilitycorp.com.au
Ability assists people with disabilities to obtain maximum benefits
from modern computer technology. Their products include keyboards and
pointing devices.
Acer America Corporation
Address: 2641 Orchard Parkway, San Jose, CA 95134
Phone: 800.733.2237 or 408.432.6200
Fax: 408.922.2933
Website: http://www.blvd.com/appliedlearning/
Email: we*******@acer.com
Acer Future Keyboard.


Thanks,

Bob
Jul 20 '05 #4
Bob

"Bob" <ergobob@sonic[no spam].net> wrote in message news:Jd*******************@typhoon.sonic.net...

"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:Fu********************@giganews.com...
Bob wrote:

I have a series of two column tables that is causing me a problem. The
space between column 1 and 2 seems to vary by a small amount from one table to the next.

For example, the space between the first and second columns changes like
this: Address: <space> 222 North B Street. You can see this at
http://www.usernomics.com/ergonomic-...keyboards.html .
Um, no, I do not see any of that.
The URL shows *three* columns, not two, and "North B Street" is nowhere
to be found.
I placed the CSS and HTML below.

Useless.
The <http://www.usernomics.com/main.css> abounds with errors. Fix the
validation problems first.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hello,

I was using the North B Street as an example. Sorry. Here is the actual text
in IE:

It is the space between Address: and Box 44, 145 etc. etc.


Ability Technologies
Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
Phone: (02) 9907 9736
Fax: (02) 9907 9599
Website: http://www.abilitycorp.com.au
Email: gr****@abilitycorp.com.au
Ability assists people with disabilities to obtain maximum benefits
from modern computer technology. Their products include keyboards and
pointing devices.


Acer America Corporation
Address: 2641 Orchard Parkway, San Jose, CA 95134
Phone: 800.733.2237 or 408.432.6200
Fax: 408.922.2933
Website: http://www.blvd.com/appliedlearning/
Email: we*******@acer.com
Acer Future Keyboard.




Thanks,

Bob


Sorry, the plain text did not show the problem. Let me try again. See the difference in space between the two columns when looking at the two companies?

Thanks,

Bob

Ability Technologies
Address: Box 44, 145 Sydney Road, Fairlight NSW 2094, Australia
Phone: (02) 9907 9736
Fax: (02) 9907 9599
Website: http://www.abilitycorp.com.au
Email: gr****@abilitycorp.com.au
Ability assists people with disabilities to obtain maximum benefits from modern computer technology. Their products include keyboards and pointing devices.

Acer America Corporation
Address: 2641 Orchard Parkway, San Jose, CA 95134
Phone: 800.733.2237 or 408.432.6200
Fax: 408.922.2933
Website: http://www.blvd.com/appliedlearning/
Email: we*******@acer.com
Acer Future Keyboard.



Jul 20 '05 #5
Bob wrote:

I was using the North B Street as an example. Sorry. Here is the actual text
in IE:

It is the space between Address: and Box 44, 145 etc. etc.

Ah. As Neal mentioned, use the width property on the first column to
set the minimum width for each table. It could be a TD property, or a CSS
property.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #6
Bob

"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:b8********************@giganews.com...
Bob wrote:

I was using the North B Street as an example. Sorry. Here is the actual text in IE:

It is the space between Address: and Box 44, 145 etc. etc.

Ah. As Neal mentioned, use the width property on the first column to
set the minimum width for each table. It could be a TD property, or a CSS
property.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hi Again,

I am new to CSS and I thought I did that. Is there a fix for this CSS that I
am missing? I tried naming col1 and col2 but that did not work so I tried to
name the first column only. The CSS and html is below.

Thanks a lot,

Bob
table.products th{ /* Products Table */
text-align: left;
}

#middle table.products td{
vertical-align: top;
}

table.products{
margin-bottom: 25px;
}

..mycol1{ /* Products Table Column Width */
width: 10%;
}
..mycol2{
width: 75%;
}

<table class="products" summary="Contact information for 1Ergonomics"
border=0>
<tr valign="top"><th colspan="2">1Ergonomics</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>4400 Danhil Drive,
Brownwood, TX, 76801</td></tr>
<tr valign="top"><td>Phone:</td><td>800-646-5346</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://1ergonomics.com">http://1ergonomics.com</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:sa***@1ergonomics.com">sa***@1ergonom ics.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>A wide variety of ergonomic safety
products for the workplace. Specializing in back supports,
wrist supports, knee pads, impact gloves, anti-vibration lifting gloves and
more.</p></td></tr>
</table>
Jul 20 '05 #7
Bob wrote:

I am new to CSS and I thought I did that. Is there a fix for this CSS that I
am missing? I tried naming col1 and col2 but that did not work so I tried to
name the first column only. The CSS and html is below.

It works as expected here with Mozilla v.1.7.3. I change 10% to 20% and
the column gets wider.
What browser are you using? Have you validated you HTML? CSS?

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #8
Bob

"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:0K********************@giganews.com...
Bob wrote:

I am new to CSS and I thought I did that. Is there a fix for this CSS that I am missing? I tried naming col1 and col2 but that did not work so I tried to name the first column only. The CSS and html is below.

It works as expected here with Mozilla v.1.7.3. I change 10% to 20% and
the column gets wider.
What browser are you using? Have you validated you HTML? CSS?

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Hello Again,

Yes, both the html and CSS validate. I get the same effect in IE, Opera, and
Mozilla.

However, I just discovered the source of the problem. When the last sentence
that covers two columns is short, I get one spacing and when the last
sentence is long, I get a different spacing for the whole Column 1. This is
true if I set it to 10% or 20%.

If you take the example below and just add words to the last sentence, you
will see the difference in column spacing.

Can you see why this might occur?

Thanks a lot,

Bob

__

Short Description in last line:

<table class="products" summary="Contact information for AKP, Inc."
border=0>
<tr valign="top"><th colspan="2">AKP, Inc.</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>PO Box 66773, St. Pete
Beach, FL, 33736</td></tr>
<tr valign="top"><td>Phone:</td><td>(813) 526-6278</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://www.akp-inc.com/">http://www.akp-inc.com/</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:in**@akp-inc.com">in**@akp-inc.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>High quality, exceptionally effective
keyboard or laptop support.</p></td></tr>
</table>

Long Description in last line:

<table class="products" summary="Contact information for AKP, Inc."
border=0>
<tr valign="top"><th colspan="2">AKP, Inc.</th></tr>
<tr valign="top"><td class="mycol1">Address:</td><td>PO Box 66773, St. Pete
Beach, FL, 33736</td></tr>
<tr valign="top"><td>Phone:</td><td>(813) 526-6278</td></tr>
<tr valign="top"><td>Website:</td><td><a
href="http://www.akp-inc.com/">http://www.akp-inc.com/</a></td></tr>
<tr valign="top"><td>Email:</td><td><a
href="mailto:in**@akp-inc.com">in**@akp-inc.com</a></td></tr>
<tr valign="top"><td colspan="2"><p>High quality, exceptionally effective
keyboard or laptop support. This is an added test to show how the column
width changes when the sentence length is long like this.</p></td></tr>
</table>
Jul 20 '05 #9
Bob wrote:

Yes, both the html and CSS validate. I get the same effect in IE, Opera, and
Mozilla.

However, I just discovered the source of the problem. When the last sentence
that covers two columns is short, I get one spacing and when the last
sentence is long, I get a different spacing for the whole Column 1. This is
true if I set it to 10% or 20%.

Set the table width to 100%.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jul 20 '05 #10
Bob

"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:bO********************@giganews.com...
Bob wrote:

Yes, both the html and CSS validate. I get the same effect in IE, Opera, and Mozilla.

However, I just discovered the source of the problem. When the last sentence that covers two columns is short, I get one spacing and when the last
sentence is long, I get a different spacing for the whole Column 1. This is true if I set it to 10% or 20%.

Set the table width to 100%.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hello,

I hate to say it but I am not sure where to set the table to 100%. The CSS
just defines the column width. How do you specify the table width?

Thanks,

Bob
Jul 20 '05 #11
*Bob* skrev 2004-10-05 20:50:
"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:bO********************@giganews.com...
Bob wrote:
>
> Yes, both the html and CSS validate. I get the same effect in IE, Opera, and > Mozilla.
>
> However, I just discovered the source of the problem. When the last sentence > that covers two columns is short, I get one spacing and when the last
> sentence is long, I get a different spacing for the whole Column 1. This is > true if I set it to 10% or 20%.
>

Set the table width to 100%.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hello,

I hate to say it but I am not sure where to set the table to 100%. The CSS
just defines the column width. How do you specify the table width?


table {width:100%;}

--
/Arne

Jul 20 '05 #12
Bob

"Arne" <ar**@luras.nu> wrote in message
news:gr*********************@newsc.telia.net...
*Bob* skrev 2004-10-05 20:50:
"jmm-list-gn" <jm***************@sohnen-moe.com> wrote in message
news:bO********************@giganews.com...
Bob wrote:
>
> Yes, both the html and CSS validate. I get the same effect in IE,
Opera, and
> Mozilla.
>
> However, I just discovered the source of the problem. When the last

sentence
> that covers two columns is short, I get one spacing and when the last
> sentence is long, I get a different spacing for the whole Column 1.
This is
> true if I set it to 10% or 20%.
>
Set the table width to 100%.

--
jmm dash list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)


Hello,

I hate to say it but I am not sure where to set the table to 100%. The CSS just defines the column width. How do you specify the table width?


table {width:100%;}

--
/Arne

Thanks Arne, That seemed to do the trick. Much appreciated.

Bob
Jul 20 '05 #13

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

4
by: Gaz | last post by:
Hi, I need to have a table nested within another table. The tables are alongside each other visually speaking, and the nested table (on the right) can vary in size. My problem is that when the...
2
by: Hennie de Nooijer | last post by:
Because of an error in google or underlying site i can reply on my own issue. Therefore i copied the former entered message in this message....
8
by: John Smith Jr. | last post by:
I am looking for some way to persist a table web control so when page_load event comes up, i can display the table as it was. I tried using ViewState with the rows collection but that didn't work...
1
by: Thanks | last post by:
I have a routine that is called on Page_Init. It retrieves folder records from a database which I display as Link Buttons in a table cell. I set the table cell's bgcolor to a default color (say...
0
by: Thomas Scheiderich | last post by:
I have a table that has 3 image slices. The middle slice changes size based on size of browser window. This works great. My client wants the date to show over the image on the right. So what I...
0
by: Luis Esteban Valencia | last post by:
Hello I wrote a program with code behind in C# to add row into table dynamically and the program worked very well in .Net Framework 1.1. When I run this program in .Net Framework 2.0 beta...
7
by: Lorenzino | last post by:
Hi, I have a problem with bindings in a formview. I have a formview; in the insert template i've created a wizard control and inside it i have an HTML table with some textboxes bound to the...
117
by: phil-news-nospam | last post by:
Is there really any advantage to using DIV elements with float style properies, vs. the old method of TABLE and TR and TD? I'm finding that by using DIV, it still involves the same number of...
3
by: McKirahan | last post by:
I have a Web page that uses some JavaScript and CSS. I have specified a three column table with a fixed-width left and right side; the center colum expands to fill the page. Within this...
7
by: Kamal | last post by:
Hello all, I have a very simple html table with collapsible rows and sorting capabilities. The collapsible row is hidden with css rule (display:none). When one clicks in the left of the...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: Vimpel783 | last post by:
Hello! Guys, I found this code on the Internet, but I need to modify it a little. It works well, the problem is this: Data is sent from only one cell, in this case B5, but it is necessary that data...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.