Tuesday, October 11, 2011

Tables and CSS for Better Website Design

There is a debate raging in web development circles on whether tables or CSS block elements should be used for page layout. CSS is Cascading Style Sheets and we will learn about them later. Read the article below and answer these questions as comments posts.  This posting will be more challenging than those in the past.

1. If  you look at Figure 1 and think in terms of a grid how are the elements laid out?



2. What does the author me by minimal tables.  Why does the author say they are necessary? 



3. What <td> attribute does the author say you must declare in the tag?



4. What is tabular data?   Give and example?




Page Layout
Most web site templates perform page layout by using a few blocks of content, for instance a header, a left column with the navigation, a right column with the main content, and a footer, as shown below: 
  Figure 1
Any attempt to code this page must start by roughly positioning these four blocks of content. Style details can wait; first you should make sure that the content blocks are aligned correctly in all browsers on all resolutions. There are two ways to do this: pure CSS and minimal tables. Although pure CSS is the best choice overall, it has its problems.
Pure CSS
Generally speaking it's difficult to obtain proper horizontal alignment in CSS. Horizontal alignment wholly depends on the float declaration, which, though supported by all modern browsers, is supported according to two different models, with minor variations even between browsers that support the same model.
These problems aren't unsolvable; coding a simple four-block layout with the float declaration is quite possible. Nonetheless the danger of insolvable browser incompatibilities increases exponentially with every floating block you add.
Another common problem with CSS is ensuring a proper page footer. On long pages that use more space than the window height, the footer should appear directly below the navigation and content blocks. That's very easy to code. On short pages, though—those that span only part of the window height—the footer should nonetheless appear at the bottom of the viewport, and that's a far trickier code challenge:

 Figure 2
Ensuring that the footer works properly on both long and short pages is a common cause of CSS headache.
Tables
Tables neatly solve these two problems. Correct horizontal alignment has been the most important advantage of tables ever since Mosaic. Giving the table a height: 100% and the cell containing the footer a vertical-align: bottom makes the footer reliable in all circumstances.
If the visual design of your web site requires complex horizontal alignment or a reliable page footer, minimal tables could help you evade complex browser incompatibilities.
Don't start using those tables right away, though. First try to create a cross-browser pure CSS page, and don't be shy to ask for help from css-discuss.org. Even if your CSS experiment turns out not to work, you will have acquired valuable experience.
Using pure CSS in all circumstances will have to wait until all browsers support CSS fully. If you've honestly tried to use CSS but encountered serious browser incompatibilities in the rough positioning of the content blocks, you should switch to minimal tables.
CSS with Minimal Tables
In the bad old days web developers placed all page elements in tables, and if the page didn't look as expected it needed yet more tables inside the already existing tables. This process was repeated until the page worked. The underlying theory seemed to be “If we squeeze enough HTML into the page it'll work eventually.” It made for eternal download times and nonsensical markup that was impossible to update.
Fortunately this coding style is on the way out. Nonetheless, as we've seen, tables still offer a few advantages over pure CSS. Minimal tables are the perfect compromise. They allow you to use the advantages of both without bloating your code (much).
Minimal table use means: use as little tables as possible. To obtain our simple four-block layout, the following code is all you need:
<table>
        <tr>
               <td colspan="2">
                       <div class="header">
                       Header
                       </div>
               </td>
        </tr>
        <tr>
               <td>
                       <div class="navigation">
                       Navigation
                       </div>
               </td>
               <td>
                       <div class="content">
                       Content
                       </div>
               </td>
        </tr>
        <tr>
               <td colspan="2" style="vertical-align: bottom">
                       <div class="footer">
                       Footer
                       </div>
               </td>
        </tr>
</table>
This minimal table does a fine job of roughly positioning the four content blocks. You have created a framework that solves some tricky problems for you and gives you free rein to fill in all the other details of your design by CSS.
The table needs many more refinements (a width for the navigation, a vertical-align for the footer) but that's the job of the CSS, not the XHTML. You don't need any more tables than this one.
In general you should style the DIVs inside the TDs instead of the TDs themselves. For instance, browsers see a width declaration on a TD as a sort of advice, and they don't hesitate to overrule it when they think it's necessary. They will always obey width declarations on DIVs, though.
The only exception is the vertical-align, which must be declared on a TD.

Tables Revisited

As we saw above, using one minimal table to roughly lay out your page is quite acceptable. Nonetheless, it is important to stress that this minimal table should be the only one. Do not insert more tables into your code. They're not necessary; CSS can do the job for you.

There's one single exception to this rule: you may use tables to display tabular data, for instance stock quotes or long lists of employees with their room numbers and phone numbers. For these bits of data (and only for these bits of data) you can add an extra table to your code.
If you're not sure if a certain data set requires a table, ask yourself how you'd display it in print. If you'd use a table even in print, the data is tabular.

68 comments:

melissa kaznowski said...

1. the elements are laid out well by using a few blocks of content, for instance a header, a left column with the navigation, a right column with the main content, and a footer
2. they could help you evade complex browser incompatibilities
3. you should add:
colspan="2" style="vertical-align: bottom"
within the tag
4. stock quotes or long lists of employees with their room numbers and phone numbers. For these bits of data you can add an extra table to your code

Josh Vandine said...

1. the website is a normal layout. It is what you would expect for many websites.
2.the author says that mineral tables should be used as little as possible to keep a standard website structure.
3. the DIV's
4. tabular data is data that goes on a table, such as names, room numbers, phone numbers, and dates

Zane Guidry said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?

The elements are laid out with a header and footer, along with a navigation block to the left and a content block to the right.



2. What does the author mean by minimal tables. Why does the author say they are necessary?

THe author speaks of using the least amount of tables possible, as to keep download times low. Miniman Tables does a pretty good job of lining up each block in a four-block layout.


3. What < td > attribute does the author say you must declare in the tag?


DIV


4. What is tabular data? Give and example?

Tabular Data is when you can use another table to help write out a long list of something. FOr instance, you can make a long list of stock quotes, or employees with their room and phone numbers.

Melissa Green said...

1. In Figure 1, the elements are laid out in a table. There is a header and footer that go all the way across the top or bottom. And there is a navigation and content box next to eachother in the middle.

2. Minimal table use means use as little tables as possible. The author says it is necessary because when you start putting tables inside of tables it took too long to download and the nonsensical markup was harder to update. There was too much HTML for it to make much sense.

3. You should style the DIVs inside the TDs because the browsers see a width declaration on a TD as an advice and don't hesitate to overrule it. It will always obey the width declarations on DIVs though.

4. Tabular data is something used for stuff like stock quotes or long lists of employees with their room numbers and phone numbers. If you would use a table even in print, the data is tabular.

Jenny Wilkes said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?
The elements are laid out with the header at the top, the navigation on the right, the content on the left, and the footer on the bottom. This makes it easy for the site visitor to see everything.


2. What does the author mean by minimal tables. Why does the author say they are necessary?
By "minimal tables", the author means usuing as little tables as possible. He says they are necessary because it makes the site look advanced, but not too bloated.



3. What td attribute does the author say you must declare in the tag?
You must declare the DIvs inside the td tag.



4. What is tabular data? Give an example.
Tabular data is data that requires a table in order to be presented. An example is stock quotes.

Colby Anderson said...

1. The elements in figure one are set up in three rows and two columns. With the columns being 1/3of the page and then 2/3 for the second column.

2. What the author means by minimal tables is that you want to use as little tables as possible on your web page. They are necessary because it positions the content blocks and creates a framework.

3. The td attribute the author says you must declare is the width.

4. A tabular data is for a long table such as when using stock quotes or long lists of employees and contact information with location.

Austin said...

1. The elements are laid out in a very linear order, as this format is used for many websites. It is easy to follow, and therefore very popular.

2. Minimal Tables are necessary because they clear up any possible browser compatibility issues that CSS would have.

3. DIV

4. Tabular data is long lists of stuff, including employee lists and stock quotes.

Blake Balbirnie said...

1. The elements are laid out in an easy to understand formation. Its easy to understand the site and its easy to use.

2. Minimal tables allow you to use all the advantages but without making it to hefty, so that the page loads faster.

3. vertical align tag.

4. Tabular data is data that you would normally put into a table even in print, such as stock quotes.

Jwalant Bhagat said...

1.These elements are laid out like most websites, this layout is commonly used. Header on top,navigation on the left hand side,main content on the right,and footer on the bottom.
2.Minimal table clear up any any broswer compatibility issues that CSS might have.
3.DIV
4.long lists that can be of employees with their room numbers and phone numbers.

Sarah Oliver said...

1. Figure One is laid out in three rows with two coloums on the second row and one coloum on the first and third row.


2. Minimal tables means the least number of tables possiable. Minimal tables are good because they do not use to much code, and have horizontal alignment.



3. The TD attribute that must be declared is the vertical-align. Other attributes can be overrulled or are the job of CSS.


4. Tabular data is a long list or chunk of data that needs to be displayed, such as employees and their phone numbers. It is acceptiable to use a table for this data.

Max McMahon said...

Max McMahon
1.
Elements are laid out in blocks on the page, each with a designated space for its content, so content does not intrude on other blocks of content.


2.
Minimal table: Use as few tables as necessary. Using minimal tables is necessary, since tables increase load time, and make markup quite difficult

3.
Alignment and size attributes should always be declared in a tag

Tanner Erlemann said...

1. The grid contains a section up top for the header and a section down at the bottom for the footer. In between theres a place for navigation to the left and the right is for the main content of the webpage.

2. Using minimal tables means using as little tables as possible, to obtain our simple four-block layout. This avoids bloating your code.

3. The vertical-align must be declared on a TD.


4. Using another table besides the minimal table is acceptable if its being used to display tabular data. An example of tabular data is long lists of employees with their room numbers and phone numbers.

Billy Summa said...

1. The elements are laid out in a horizontal grid. All are lined up horizontally. None of the elements are a diagonally higher than other.

2. Minimal table use means: use as little tables as possible. They are necessary because they make the page look a lot simpler and makes updating the page a lot easier.

3. The author says you must declare vertical-align in the TD tag.

4. Tabular data is long lists that take up a lot of room on a web page. An example would be stock quotes or long lists of employees with their room numbers and phone numbers.

Preston Swaim said...

1. Figure 1 has 3 rows and 2 columns. 1 element in rows 1 and 3 and 2 elements in row 2.

2. You can use the advantages of both CSS and tables without using too much code. CSS and tables also have a lot of little problems that minimal tables take care of.

3. The DIV with a width declaration. Browsers always respect this.

4. Tabular data is data that requires a long list of something like numbers. An example is employees and room numbers and telephone numbers.

matt vanderhoff said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?
3 rows and 3 collums



2. What does the author me by minimal tables. Why does the author say they are necessary?

he means only use tables if absoulutly neccary, using them minimaly, because css cannot acheve consistant virtical allignment, tables can

3. What td attribute does the author say you must declare in the tag?

virtical align

4. What is tabular data? Give and example? any data that you would display in a table, a long list of information such as many peoples names , address , and phone numbers

Luis Ortega said...

1.There is a header in the page, Navigation cell on the left side, content cell on the right side and a footer on the bottom.

2. Minimal tables means to use as little tables as posible. This makes it easier for updating and doesn't BLOAT your code.

3. Vertical-align must be declare in the td tag.

4.Tabular data is just any information put into tables, for arragement( they are contain inside the table's cells) .

Hayley Conyers said...

1. The items in Figure 1 are laid out in a way that is similar to a grid; a grid generally has a banner up top (header), information at the bottom (footer), a navigation map/ menu to the left (navigation), and the majority of the content is in the middle or right hand side of the page (content). There are related blocks/chunks of content within the layout.


2. The author means that you should use as few tables as possible to obtain a simple four-block layout. They allow you to combine the benefits of tables and pure CSS without overcrowding the code.


3. The vertical-align attribute must be declared in the td tag.

4. Tabular data is similar to a long list of information that would generally be displayed in a spread sheet. It can be identified as tabular is you'd use a table even in print. It is also the exception to the rule; tables may be used to display tabular data. An example of this would be long lists of employees with their room numbers and phone numbers.

Andi Johnson said...

1. Elements are laid out by designated sections or blocks on a web page. There is usually a header at the top, navigation on the side or below the header, boxes for content, and a footer.

2. The author means to use as little tables as possible to position the content of your web page. They are necessary because it reduces the download time from when people used to use a ton of tables, and corrects numerous alignment problems in all browsers.

3. You must declare the vertical-align attribute in the "td" tag.

4. Tabular data is information that you'd use a table for, even in print. An example is medical records of patients or a list of employees with their contact information,.

divyesh kharva said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?
they are displayed as rows and columns


2. What does the author me by minimal tables. Why does the author say they are necessary?
They allow you to use the advantages of both without bloating your code much.



3. What < td > attribute does the author say you must declare in the tag?
the vertical-align must be declared on a TD.



4. What is tabular data? Give and example?A long list of data that can only be displayed using a table.
stock quotes or long lists of employees with their room numbers and phone numbers.

Brandon Piasecki said...



1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?


header across the top and footer across the bottom, the navigation all on the left and the largest section of the page, the content all goes on the right side.


2. What does the author mean by minimal tables. Why does the author say they are necessary?


It means using as few tables as possible, while having large complex tables is bad and confusing using a simple one will really help improve the layout of your site. This means things like the picture from number 1.


3. What td attribute does the author say you must declare in the tag?


style="vertical-align:[POS]"
being: top, middle, or bottom


4. What is tabular data? Give and example?


Long lists of information with several data fields like employ listings with phone numbers. They are the only other time you should use a table on a website.

Beka Townsend said...

1. The elements in Figure 1 are laid out using tables.

2. When the author talks about minimal tables, he's talking about only using the smallest amount of tables in your code. Using multiple tables can be very hard to edit. You should use one table to organize the main parts of your site (header, content block, navigation, and footer) and use CSS to organize inside of that. Minimal tables are necessary when your web site requires complex horizontal alignment or a reliable page footer.

3. The div attribute should be declared inside of the td tag.

4. Tabular data is information that can be best displayed on your site using a table. A long list of contacts with telephone numbers, etc. is an example of tabular data.

Anonymous said...

Zack Sposato

1. If I think in terms of grids, I think that the elements are laid out similar to a traditional grid, but they have been adjusted to match the web designer's taste and what he/she thinks is important.

2. The author means that minimal tables use as little tables as possible. This is necessary because they have the advantages of both CSS and tables without bloating the code too much.

3. The author says that you must declare the "vertical-align" in the TD tag.

4.Tabular data is large amounts of data that are usually common in spreadsheets. Examples are stock quotes or long lists of employees with their room and phone numbers.

Stephanie Schulze said...

1. If you look at figure 1 and think in terms of a grid, the elements are laid out so they are easy to follow. The header and footer are paralell bordering the top and bottom of the page and the content takes up the majority of the space in the middle. On the left side is the navigation.

2.Minimal tables are the perfect compormise between CSS tables and normal tables. You use as little tables as possible obtaing a four block layout.

3.The author says that the td attribure you must declare a tag is vertical-alignment.

4.Tabular data is a data table. Examples of tabular data is stock quotes, and list of emoloyees with room numbers and phone numbers.

Anonymous said...

1. In figure one, the objects are laid out in rows and columns like a grid.
2. Minimal tables are tables that can show the data you want to show but without coding lines and lines of code.
3. vertical-align
4. tabular data allows you to add an extra table to your code for instance stock quotes or long lists of employees with their room numbers and phone numbers.

Oliver Trinh said...

1. top center, middle left, middle right, bottom center

2. He says it is important to not use too many tables because your site can get clogged and hard to fix coding problems.

3. vertical-align is a must with TD

4.Tabular data is just long lists of data like telephone numbers or employee names.

Jackson Laster said...

1.In figure one the elements are laid out in Header, Navigation, Contetn, and Footer. They are all laid out in a neat and orginzed way.

2. They are tables that use very little code and do not make you code huge. They are nessarcy beacuse it get around some of the diffrent problems browser have.

3. Vertical Align

4.When you put data in neat form like a table.

John Boezeman said...

1. It fits the grid well, with the Navigation and Content blocks in the middle, the Header above, and the Footer below.
2. Use as few tables as possible, they are needed to help avoid CSS inconsistencies with different browsers.
3. v-align
4. Data that would be best in a table, like stock quotes or lists of data that has multiple things associated with each element.

Taylor Harrison said...

1. The figure one looks like a grid because it is sort of layed out in rows and columns. All of the boxes are ligned up and are even.

2. Minimal tables means you use the least amount of tables on your website as possible. Tables are necessary though to organize all the information on your website.

3. You must declare the DIVs inside the TD tags when your coding HTML because the browser may not always follow what you typed but they will always follow what the DIV says.

4.Tabular tables are used for displaying tabular dats such as long lists or stock quotes. You can only add an extra table for these bits of information.

Thomas Schmedding said...

1.Figure 1 is like a grid because each unit takes up a certain chunk of cells and is in a organized function.

2. Minimal tables means use as few tables as possible. This is necessary to allow a website to be updated and increase the site download time.

3. Vertical-align must be declared on the TDs themselves.

4. Tabular data can be stock quotes or long lists of employees with their room numbers and phone numbers. You may add an extra table to your code for these and only these bits of data.

Savannah Yarish said...

1. Thinking in terms of a grid the elements are laid out in rows and columns.

2. When saying minimal tables the author means use as little tables as possible, and they are necessary because it makes the coding less bloated.

3. The td attribute the author says you must declare in the tag is styling the DIVs.

4. Tabular data is data you are going to put in a chart with rows and columns, and example is a list of womens track and feild race results.

Jackson Howard said...

1.) Figure 1 is definately layed out in a grid.

2.) When he says minimal tables, he's meaning the use of as few tables a possible. He says they're necessary because they allow you to get past the problems of CSS.

3.) The vertical-align attribute must be in the td tag

4.) Tabular data is data that has to be displayed in a table. The information in Phone Books are tabular data.

Connor Linton said...

1. It has a header, a left column for navigation, a right column for information, and a footer.
2. Minimal tables are using a four block layout with as little tables as possible to make download time shorter and make the code less complicated.
3. The vertical align attribute
4. Tabular data is data that needs to be in a table, like stock quotes or long lists of people with their information.

Abby Nuckols said...

1. The elements are laid out in sections with a header, navigation, content and footer. It makes it easy on the user because it is clear where each section is.

2. Minimal tables are necessary if you have a complex horizontal alignment or a reliable page footer, because they help evade complex browser incompatibilites.

3.The vertical-align attribute must be declared in the TD tag.

4.Tables display tabular data and an example of tabular data are long lists of employees with their room numbers and phone numbers.

Robbie Zino said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?

The elements arnt laid out in a grid form. In a grid form all the boxes are the same size.


2. What does the author me by minimal tables. Why does the author say they are necessary?

Minimal tables are just simple four-block layout for a website. Its necessary because you need to have some sort of layout for your webpage.


3. What TD attribute does the author say you must declare in the tag?

The author says that you should always declare the vertical-align in the TD tags.


4. What is tabular data? Give and example?

It tells the browser what to show on the screen. Rows and charts

Philip Kayser said...

1. In terms of a grid, the header is in the first row, navigation and content are in two seperate columns in the second row, and the footer is in the third row.

2. Minimal tables means to use as little tables as possible. They allow you to use the advantages of both CSS and tables without bloating your code.

3. You must declare the < td > attribute vertical-align in the tag.

4. Tabular data is data that is presented in a table-like format. An example is instance stock quotes or long lists of employees with their room numbers and phone numbers.

Dylan Edwards said...

1. The blocks seem to be spaced evenly, there is a horizontal symmetry, and overall everything fits well.

2. Minimal tables means that while programming, you avoid the old "tables within tables" technique. They are nessecery because they keep the code orderly, and the website is easier to update/alter.

3. Vertical Align

4. Tabular Data is just data that is best viewed as a table, and you would use tables to display this data on a website, whereas normally you would avoid using tables. An example would be a list of employers with names, phone numbers, and addresses.

Bradley White said...

1. The are layed out in a basic grid. Header on the top and footer on the bottom. All the other site elements are in between.

2. Basic html tables, this helps with browser incompatablity.

3. The vertical-align atribute.

4. Tabular data is a list or heavy text. An example is a long list of names.

Calvin said...

1. In a 2x3 grid where the top and bottom rows are together.


2. Use as little tables as possible because they take a long time to load. You must use tables however because CSS is not fully supported in all browsers.



3. A DIV tag.


4. Anything that you would list in a table.

Kerry-Ann Jenkins said...

1. In figure 1 the elements are laid out with a header, navigation, content, and a footer and overall looks nice.

2. Minimal tables allow you to have a simple code and allow you to use as little a table as possible. It is best to use minimal tables when CSS is not working.

3. In the td attribute you can define the Colspan, and the vertical align of the cell in the table.

4. Tabular tabs can be used if you have a long list or a lot of informaion.

Kate Hobble said...

1. In terms of a grid, the elements are laid out using three rows with two columns fot the middle row. The top row is the Header, the bottom row is the Footer, and the middle row holds the Navigation and Content.

2. Usin minimal tables is to use as few tables as possible. Extra tables are not necessary, except for tabular data.

3. The vertical-align attribute must be declared in a TD.

4. Tabular data is data that would be displayed in a grid even in print. An example would be a long list of tour dates with locations on a band's website.

Alex McCarthy said...

1. In figure one there is a simple layout with a head across the top' footer at the bottom; and navigation to the letf and content to the right.

2. It is the use of the least tables to obtain a webpage layout. they are nessecary because using tables in tables like the old days makes too much html code.

3. You must declare the vertical align attribute.

4. If you would use a table in print that means the data is tabular.

Ryan Pettengill said...

1. The header is at the top of the webpage ,while the navigation is a left column, the main content is a right column with a footer added below it.
2. Minimal tables means to use as little as possible to have your four block layout. they are necessary because they allow you to use the advantages of both coding styles html and pure css.
3. That you must declare the width in the tag of the td.
4. is things like stock quotes or long list of employees with other information added into it such as phone numbers of those employees. Its also data that may not need to be entered into a table.

Jojo Johnson said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?

In terms of a grid the header and footer are relatively even in thier demensions, while the navegation and content are 1/3 navigation and 2/3 content in thier demensions across the center of the screen.

2. What does the author mean by minimal tables. Why does the author say they are necessary?

The author means that you dont want to have too many tables on your website because you can eleminate some browser incompatibilities. Yet tables are necessary to clearly display a large amount of information.

3. What TD attribute does the author say you must declare in the tag?

You must declaire the vertical-align attribute within your TD tag.

4. What is tabular data? Give and example?

Tabular data is when you have a table within a table. For example when you have stock quotes.

Sarah Patrick said...

1. The elements are laid out in a grid with long horizontal blocks on the top and bottom and larger blocks in the middle.
2. Minimal tables means using as few tables as possible. It is necessary to decrease loading time and to make the code more organized and easier to edit.
3. The vertical align attribute must be declared in a td tag.
4. Tabular data is data that should be displayed in table form, such as long lists of phone numbers or stock quotes.

Rachel Starck said...

1. They're laid out in rows and columns.


2. Minimal tables is when you'd use a large amount of tables to organize stuff on your webpage. If you put everything in a table and it still doesn't work, you'd put another table inside that table. The author says these are necessary because they allow you to use the advantages of minimal tables without bloating your code (much).


3. A width declaration is needed in the TD tag.


4. Tabular data is like a long list of numbers, for example, phone numbers.

Grant Augsburg said...

1.)They are layed in rows and columns.

2.)Use as little tables as possible. They help with download time and organization.

3.)The vertical align must be declared in the td

4.)Tabular data shows up in a table even in print. Stock quotes would be tabular data.

Lexi Hanlon said...

1. If you look at Figure 1 and think in terms of a grid how are the elements laid out?

There are small thin boxes on the top and bottom and larger boxes in the middle left and right. Layed out in rows and collumns.


2. What does the author mean by minimal tables. Why does the author say they are necessary?

Minimal tables are the perfect compromise. They allow you to use the advantages of both without bloating your code.

3. What td attribute does the author say you must declare in the tag?

the Vertical-align

4. What is tabular data? Give an example?

stock quotes or long lists of empluyees with their room numbers and phone numbers.
adding an extra table to your code.

Emily said...

1. It is laid out in rows and columns.

2. Minimal tables means instead of using three tables, you can use one, you should do that. Multiple tables can make the HTML coding confusing and too prone to errors.

3. The vertical align attribute must be declared in a td tag.

4. Tabular data is data that should be put in a table. An example would be employees and their room numbers and phone numbers.

Curt Gandy said...

1. Figure 1 is layed out in rows and columns of content.
2. By minimal tables, the author means that they help evade complex browser incompatibilities.
3. In the td tag, the author says you need to declare the colspan attribute.
4. Tabular data can be inserted into a table to better organize those bits of data. Examples include stock quotes or employees with their room and phone numbers.

Liz said...

1. Figure 1 is laid out in rows and columns.
2. When the author says minimal tables, he means that you should not use three tables where one will suffice. Minimal tables are necessary because they could help you evade complex browser incompatibilities.
3. The "vertical-align" attribute, according to the author, should always be included in the TD tag.
4. Tabular data is information that should be displayed in a table.

Piyanka Saha said...

1. The elements are laid out in rows and columns.

2. Minimal table use means use as little tables as possible. They are necessary to roughly position the content blocks.

3. The td attribute vertical-align must be declared in the tag.

4. Tabular data is little bits of data. Examples include stock quotes.

Garrett Loftin said...

1. It's laid out in rows and columns.
2. They could help you evade complex browser incompatibilities.
3. Vertical-align.
4. Data that can be displayed in a table, such as stock quotes or long lists of employees with their room numbers and phone numbers.

Andrew Hill said...

1. In figure 1, the eleements are layed out in four-sided rectangles. The elements are also layed out in a row and colum layout.

2. What the author means by "minimal tables" is to use as little tables as possible. They are necessary because they take up less space and significally less html code.

3. The td attribute the author says you need to declare in the tag is colspan.

4.Tabular data is an extra table that is only needed for large lists. An example of this would be stock quotes or lists of employees.

Nicole Gonzalez said...

1. Figure 1 is laid out in rows and columns, which is what defines a table.

2. Minimal table use means using as little tables as possible. Minimal tables are necessary because if a coder squeezed so much HTML into a page there would be extremely long download times and markup that was hard to update.

3. The attribute verical-align must be declared on a td.

4. Tabular data is data that is often put in a table. For example, long lists of employees with their phone numbers would most likely be put in a excel spreadsheet table. Therefore, it is acceptable to add an additional table to your code when entering info like this.

Katie Sholtis said...

1. The elements are laid out in a table with rows and columns.

2. Minimal tables means using as little tables as possible because it makes the website more simple and you are still able to include everything you would in CSS.

3. Vertical-align must be declared in a TD tag.

4. When you have tabular data, it is the only time when you can make a seperate table in your website. It includes stock quotes or long lists of employees with their room and phone numbers.

Lena McCord said...

1. The elements are laid out in rows and columns.

2. Minimal table use means to use as little tables as possible. This is neccessary for keeping download times at a minimum and avoiding nonsensical markup.

3. The DIV tag should go inside the TD tag.

4. Tabular data is data that should be organized in a table. An example is stock quotes.

Travis Boone said...

1. They are laied out in rows and columns.
2. Minimal table means use as little tables as possible. They are necessary so you don't have to right as much code.
3. A vertical-align attribute should be declared.
4. It is data listed in a tabular format. An example is shock quotes.

Tyler Sink said...

1. The elements are laid out with everything in a block-like format. Each grouping is laid out so that it is in a rectanglish shape and has rows and columns determining where everything goes.

2. When the author says minimal tables, he means to use as little tables as possible, but to still use them. He says they are neccesary because they are the perfect compromise between using all tables and using all CSS, since both CSS and tables have some problems.

3. The td attribute the author says you must declare in the tag is vertical-alignment.

4. Tabular data is data that has to be displayed in a table. An example of this is the standings and statistics of a sports team.

Hunter Clemons said...

1. The elements are laid out in rows and columns.

2. The author means that there should be one table in the entire site, unless you are tabling data. Minimal tables are necessary because they keep a website organized and easy to edit.

3. You must declare a vertical-align in the TD tag.

4. Tabular data is a long list, such as employees and their room number, or a stocks and quotes.

erica gilarranz said...

1) They are organized in rows and columns.

2)The author is saying that tables can be used for alignment but they need to be used minimally.

3)Vertical-align must be declared in the td attribute

4)Tabular data is any data that should be placed in a table

Tanya Reilly said...

1. The elements are laid out by rows and coloums

2. minimal tables are necessary becasue,They allow you to use the advantages of both without bloating your code.Minimal table use means: use as little tables as possible

3. The td attribute u must declare in the tag is for vertical-align.

4. tabular data is , data that should be organized in a table and an example would be an employee and a list of thier phone numbers

Ryan Davey said...

1.The grid is setup in rows and columns, very standard.
2.Use as little tables as possible. They,however, help with organization and download speed.
3.You must declare the vericle align attribute in the TD tag.
4.Tabular Data Stream is an application layer protocol, used to transfer data between a database server and a client.

Evan De Ycaza said...

1. The elements are laid out rows and columns.

2. Minimal tables is using little tables. It is necessary because more tables made for eternal download times and nonsensical markup that was impossible to update.

3. The author says the DIV attribute should be declared in the td tag.

4. Tabular data is data that should be organized in a table, for instance stock quotes or long lists of employee information.

Allison Gaster said...

1. it's laid out in rows and columns.
2. minimal tables means use as little tables as possible. it's necessary because it helps evade complex broswer incompatibilities.
3. "DIV"
4. tabular data is data that should formated into a table. example: long lists of employees with their room numbers and phone numbers.

Zach Smith said...

1.) its laid out in rows and collums.
2.)Minimal tables can help you avoid complex browser incompatibilities.
3.)<div
4.)tabular data that should be organized in a table, if you owned a buisness and you had a list of your employes phone numbers and e-emials.

Kasey Poliachik said...

1) In terms of a grid, elements in Figure 1 are all lined up horizontally. The space between each chunk is the same which makes it look very organized.

2) Minimal table means using as little tables as possible. This is necessary because if you use too many tables, download times will be too long and the markup won't make any sense and will be hard to update.

3) A vertical align must be declared on a TD

4) Tabular data is things such as stock quotes or long lists of employees with their room numbers and phone numbers. If you'd use a table even in print, the data is tubular.

ben yerby said...

1. The elements are laid out evenly and the figure consists of columns and rows.

2. The author means you should use the least amount of tables as possible to eliminate the the excessive code in the source code.

3. The author says that you are supposed to include a vertical align attribute in the td tag.

4. Tabular data is data that you would like to show up on the document. If you want that information to show you declare a td tag or tabular data tag.

Kayla Roll said...

1. Figure 1's elements are neatly laid out and simply sructured.

2. The author says that when you use minimal tables it means to use as little tables as possible. It is necessary to use so your code isnt bunched up.

3. In the TD tag you must declare the vertical-align.

4. Tabular data is adding an extra table into your code for data. An example would be a long list of employees with their room numbers and phone numbers.