Genii Software | BlogNew

November, 2008
October, 2008
September, 2008
August, 2008
July, 2008
June, 2008

Show all 67 months

Search the weblog

Ben Langhinrichs

- Ben Langhinrichs

Photograph of Ben Langhinrichs

©2003-2008 Genii Software Ltd. All rights reserved. The rights to all logos, images, etc. are owned by their respective owners.

The views expressed in this weblog are mine alone, but since I am President and Owner, they necessarily also reflect the views of Genii Software, Ltd.

November, 2008
October, 2008
September, 2008
August, 2008
July, 2008
June, 2008
May, 2008
April, 2008
March, 2008
February, 2008
January, 2008
December, 2007
November, 2007
October, 2007
September, 2007
August, 2007
July, 2007
June, 2007
May, 2007
April, 2007
March, 2007
February, 2007
January, 2007
December, 2006
November, 2006
October, 2006
September, 2006
August, 2006
July, 2006
June, 2006
May, 2006
April, 2006
March, 2006
February, 2006
January, 2006
December, 2005
November, 2005
October, 2005
September, 2005
August, 2005
July, 2005
June, 2005
May, 2005
April, 2005
March, 2005
February, 2005
January, 2005
December, 2004
November, 2004
October, 2004
September, 2004
August, 2004
July, 2004
June, 2004
May, 2004
April, 2004
March, 2004
February, 2004
January, 2004
December, 2003
November, 2003
October, 2003
September, 2003
August, 2003
July, 2003
June, 2003
May, 2003

Show only recent months

Ben Langhinrichs

- Ben Langhinrichs
Technorati Profile

Photograph of Ben Langhinrichs

Web borders like Notes borders

Tue 11 Nov 2003, 09:50 PM

Notes/Web Coexistence Tip #3

Notes developers confronted with web development are often stymied by the "little things", especially when it comes to GUI or "look and feel" issues. One frequent complaint is that while a table in Notes has nice thin lines, the same table in a browser has that odd "groove" look. In other words, in Notes, a table looks like:

Stuff here	and here
and here	and here

but on the web it looks like

I have read numerous posts about why this is a reason to use pass-thru HTML, or a whole bunch of complicated CSS.  Just today on the Notes 4&5 Gold forum, a person proposed the following CSS along with turning off the borders in Notes:

TABLE.Linetable TD, TR, TH {
margin-top: 2px;
margin: 2px;
padding-top: 2px;
padding: 2px;
border-width: 1px;
border-color: #000000;
border-style: solid;
}

After proposing this, he says that it doesn't even work properly, since the inner and outer borders are not both thin.

Well, hold on a minute.  You can have your nice thin borders, and you can do it without a whole bunch of CSS.  Simply go to the HTML properties for the table, leaving the borders just as they are in Notes, and add the following text in the style box:

border-collapse: collapse;

This will cause your table to render with those nice thin lines.  If you really want this to be more universal, you can add CSS code that says:

TABLE {
border-collapse: collapse;
}

and all your tables will be rendered this way.

Now, this doesn't address other specialized issues such as borders that are different for different cells, but it is a heck of a lot simpler way to make your web table look like your Notes table, and it leaves the two looking the same, which is a key component of coexistence, or WYSIWYG, for that matter.

By the way, you'll notice if you View Source that I used this tip myself on the first table in this article, so if it doesn't render with nice thin lines in your browser, you must have a browser that doesn't support this (usually a very old browser).

What has been said:

No documents found

Have your say:


		contact us \| privacy
	Copyright © 1996-2008 Genii Software Ltd. All Rights Reserved. Some images courtesy of BigFoto.com