473,835 Members | 1,882 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

Is it better to use cell spacing for table layout

I am not a web programmer and trying to figure out the best way for laying
out a form for data entry. I would like, for example, to have a right
justified label followed by 5 pixals and a left justified textbox. Should I
use three columns for this, with the center column five pixals wide or two
colums with the table cell spacing set to five pixals.

Also, when is it appropriate to use the lable control as opposed to just
keying text into the cell? Or does it matter?
Nov 19 '05 #1
7 1343
I would do the 3 column approach, but when considering exact pixels,
you must remember that you have table border and cellpadding settings
that will calculate into this as well.

If you do cell spacing, I believe it will add 5 pixels on all sides of
the cell, not just between the horizontal borders of them.

Nov 19 '05 #2
i would use two columns, the more complex the table, the longer to render.
you should always use a label, and fill the for attribute. its used by the
browser for accessibility (opera is real good at this)

-- bruce (sqlwork.com)

"Ryan" <nf*@nospam.com > wrote in message
news:Oe******** ******@TK2MSFTN GP14.phx.gbl...
| I am not a web programmer and trying to figure out the best way for laying
| out a form for data entry. I would like, for example, to have a right
| justified label followed by 5 pixals and a left justified textbox. Should
I
| use three columns for this, with the center column five pixals wide or two
| colums with the table cell spacing set to five pixals.
|
| Also, when is it appropriate to use the lable control as opposed to just
| keying text into the cell? Or does it matter?
|
|
Nov 19 '05 #3
I think the load time of a 3 column table to make a form will be
negligible in this case. I agree if you're pulling many many rows of
information into a datagrid, having as few columns as possible is
important. This is a form to update a sql server, I don't think having
3 columns is going to hurt much. The only reason I say this, is because
I don't understand your suggestion:

"you should always use a label, and fill the for attribute."
What does that mean?

Nov 19 '05 #4
I think the load time of a 3 column table to make a form will be
negligible in this case. I agree if you're pulling many many rows of
information into a datagrid, having as few columns as possible is
important. This is a form to update a sql server, I don't think having
3 columns is going to hurt much. The only reason I say this, is because
I don't understand your suggestion:

"you should always use a label, and fill the for attribute."
What does that mean?

Nov 19 '05 #5
Actually, I used that only as an example. Some of the forms will be quite
complex and simplifying the table's seems preferable so long as there are no
artifacts or downside to it.

"Chad Devine" <su*****@gmail. com> wrote in message
news:11******** *************@c 13g2000cwb.goog legroups.com...
I think the load time of a 3 column table to make a form will be
negligible in this case. I agree if you're pulling many many rows of
information into a datagrid, having as few columns as possible is
important. This is a form to update a sql server, I don't think having
3 columns is going to hurt much. The only reason I say this, is because
I don't understand your suggestion:

"you should always use a label, and fill the for attribute."
What does that mean?

Nov 19 '05 #6
Whichever the case use your best judgement, but consider the people you
are targeting this site at. If the average user is using a decent
computer, 100 rows with 6 columns will render instantaneously .
I know, because I am doinging it right now.

Nov 19 '05 #7
On Tue, 7 Dec 2004 09:49:05 -0800, "Ryan" <nf*@nospam.com >
wrote:
I am not a web programmer and trying to figure out the best way for laying
out a form for data entry. I would like, for example, to have a right
justified label followed by 5 pixals and a left justified textbox. Should I
use three columns for this, with the center column five pixals wide or two
colums with the table cell spacing set to five pixals.

Also, when is it appropriate to use the lable control as opposed to just
keying text into the cell? Or does it matter?


Surely you can just give the second column a attribute
<td style = "padding-left: 5px"> </td>

You can implement this by using a style sheet (HTML class
attribute rather than style attribute). Eg.

http://www.15seconds.com/issue/040105.htm

I can see no advantage of using a 3rd column in the middle and
would not because you'd be using that table column only for
layout purposes.

I must strongly disagree with the guy who said use a 3 column
table.

I, myself, would be tempted to use some from of table-less css
layout myself, google "table-less form css", as the purists do.

Nov 19 '05 #8

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

Similar topics

7
2693
by: Bura Tino | last post by:
Hi, Going forward, what's better to use <td height="20"> or <td style="height:20;">
5
2828
by: Analysis&Solutions | last post by:
Hi Folks: I've got a weird phenomenon going on with Internet Explorer on the Macintosh... The vertical cell borders are missing between the cells but appear above and below the cells! Here's the page and a screen shot a friend took for me because I use Windows. Shot: http://www.bikesummer.org/2003/local/rentals.jpg Page: http://www.bikesummer.org/2003/local/rentals.php
12
39127
by: Rick DeBay | last post by:
I'm trying to create a layout table, where the spacing between rows varies. I've tried using setting margin-top and border-top for the rows I wan't spaced down from the one above, and I've also tried setting it on all of the cells of that row. This hasn't worked, so I was wondering if anyone knew how it could be done. Thanks, Rick DeBay
4
16878
by: Bernd Goldschmidt | last post by:
Hi. I've got a somewhat wired problems with an extra space between table rows in Mozilla and Opera (IE works fine). With the code below, cells within a row align seamlessly, but there is a space of about 5px between table rows. Any Idea?
1
3317
by: Jim Moe | last post by:
Hello, I am (slowly) in the process of changing a table-based layout to CSS/div-based. One area that uses tables a lot is the main nav menu. I have discovered that tables have advantage: all browsers display them the same. I created a CSS to use <ul> as the list container rather than <table>. It works quite well -- in Mozilla. With IE V5 or 6 extra spacing is added between each button image and the large spaces are compressed; it is...
1
1853
by: Andrew Poulos | last post by:
I'm trying to build a table using DOM methods with script that follows this type of format: // note the var bodyEl is predefined as the body element // var mytable = document.createElement("TABLE"); var mytablebody = document.createElement("TBODY"); // First row var mycurrent_row = document.createElement("TR"); var mycurrent_cell = document.createElement("TD");
3
1895
by: gscott66 | last post by:
Hello, I am fairly new to design and in particular CSS. I have a site with two tables that I cannot seem to get sized correctly. When you view the link, you'll notice that there is a tremendous amount of space inbetween the cells, which is making the page entirely too long and/or wide. Can I style these tables in a way that makes the text more compact. Any other advice regarding the tables would be appreciated as well. Thanks in...
4
2776
by: Hiwj | last post by:
I am having a problem with a cell in a table in ASP.NET which used to work OK in classic ASP. I have one cell in a row where the width should be 22 pixels and the other cell should take up the remainder of the width available. In ASP.NET the 2nd cell (when set to 100%) is 500 pixels wide (hence overlapping the image in row 1), wheras in classic ASP the cell would have a width of 500-22 = 478 pixels (thus filling the remainder of the...
3
19246
by: susibabe | last post by:
I have a website that I am working on the layout.... www.sngao.com/Joomla I tried to use a table with four rows, * 1st row - banner * 2nd row - also banner image * 3nd row - has three cells, one left frame image that stretched to full length of the table, one content cell, and one on the right side has a nested table with 5 navigation buttons and some images for spacing and **i made a background image for the listing titles...
0
9810
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
9653
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
10815
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
0
10524
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10562
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
10236
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
0
6968
by: conductexam | last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one. At the time of converting from word file to html my equations which are in the word document file was convert into image. Globals.ThisAddIn.Application.ActiveDocument.Select();...
2
3997
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
3
3092
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.