473,406 Members | 2,619 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,406 software developers and data experts.

how do i make this table?

Hi, can someone tell me how to make this table in css

<table>
<tr>
<td></td>
</tr>
<tr>
<td>
<table>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table>
Thank you
Jul 20 '05 #1
5 7520
Maggie wrote:
can someone tell me how to make this table in css

[table code snipped]

No, we cannot. Only you know what your site contains. Read the css
spec. Read tutorials. Go to your site. If you are using tables for
layout (your example code suggests you are), get rid of them. Don't
get rid of tables that hold real tabular data. Do get rid of tables
(ab)used for layout. Rewrite the document to html 4.01/strict,
ignoring the visuals. Validate the document, correct as necessary.
Now take a look at in a browser or two, and use css to change that
which you do not like.

--
Brian
follow the directions in my address to email me

Jul 20 '05 #2
A long time ago in a galaxy far, far away, Maggie wrote:
Hi, can someone tell me how to make this table in css

<table> <!-- snip rest of table --> </table>


you can use the display-property to make a div act like it is a table

div.tabel {
display: table;
}
div.rij {
display: table-row;
}
div.cel {
display: tabel-cell;
}
and in your HTML you can then write

<div class="tabel">
<div class="rij">
<div class="cel">first row, first cell</div>
</div>
</div>

And then you have something that looks like a table.
but Internet Explorer doesn't support this (bummer)

--
Joris "flotspe" Janssens
http://www.xhtml.be/inferno/
Jul 20 '05 #3


Maggie wrote:

Hi, can someone tell me how to make this table in css


I found this article very useful:

http://alistapart.com/stories/flexiblelayouts/

and the discussion

(http://www.alistapart.com/stories/fl...youts/discuss/)

contained some very interesting exchanges on the table vs. all CSS
layout issue.

--williamc
Jul 20 '05 #4
PTG

"Maggie" <ma****@etal.uri.edu> wrote in message
news:18**************************@posting.google.c om...
Hi, can someone tell me how to make this table in css

Converting to a table-free layout is not a case of taking a table-like
layout and replicating it with CSS. It's a whole different way of doing
things (and a much easier and more sensible one when you get used to it!).
Instead of picturing a big box made up of smaller boxes, you need to imagine
chunks that you can place on the page wherever you want.

There are loads of CSS layout guides out there. Instead of trying to figure
out how you can convert tables to CSS, it would be easier to start from
scratch (it's not that difficult... honest!).

PTG

Jul 20 '05 #5
Maggie wrote:
Hi, can someone tell me how to make this table in css


No. It's impossible to tell what you are trying to achieve from that
code snippet. I will hazard a guess that this is a layout table,
probably a columned format. If so, then there are quite a few templates
and tutorials for making them in CSS.

It would take about 5 seconds of searching google groups to find some,
but here is one such list:
<URL:http://dorward.me.uk/www/css/#templates>

If you're trying to achieve something else, then you need to describe
your real objective.

--
To email a reply, remove (dash)ns(dash). Mail sent to the ns
address is automatically deleted and will not be read.

Jul 20 '05 #6

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

Similar topics

4
by: lionel | last post by:
Hello yall, I can't find a way to center a <fo:table> element. I have tried many attributes (display-align,start-indent,padding-start,...). I have tried to encapslulate it in a <fo:block>...
8
by: F. Da Costa | last post by:
Following is a snippet of html in which I hide a whole table and try to hide a single row. Here is my question (plz don't chew my head off if its css related instead): Why does the divTable...
9
by: Ed_No_Spam_Please_Weber | last post by:
Hello All & Thanks in advance for your help! Background: 1) tblT_Documents is the primary parent transaction table that has 10 fields and about 250,000 rows 2) There are 9 child tables with...
2
by: Guru | last post by:
Hi, I am working in a framework based project where my html page is rendered inside that framework. The framework code is done by other team and that can not be modified. Here is my problem : ...
2
by: Andy Flash | last post by:
Hi. I'd like a little help working out what is going on with what should be a simple alignment problem. I have an outer table with a <td> which has an inner table. The <td> specified as...
3
by: Terrence Brannon | last post by:
I don't know what Postgres considers a relation and had no intention of creating one when piping my schema to it... I always DROP TABLE before CREATE TABLE, so here are the ERRORS emitted when...
6
by: Bruce | last post by:
I want to create a new table based on an existing table, but I don't want the tables to have any enforced relationship. Is this possible without having to do a CREATE TABLE and an INSERT? ...
2
by: news.hp.com | last post by:
I have situation where I need to copy multiple records (only certain fields) from a Rules table to an Events table based on a selection identified in a combo box. When the selection is made in a...
3
by: Ram | last post by:
Hi, I am trying to set up a DB for a race series where a riders best 6 of 10 rides count towards a league position. I have a table of Riders ( say 300 ) I want to use a form to select which...
0
by: MichaelJohnson168 | last post by:
I am trying to grab the UnitPrice from Table 1 and store it in the UnitPrice field in Table 2 whereever there is a match ProductID wise. Table 1 - ProductID, ProductName, UnitPrice Table 2 ...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
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,...
0
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...
0
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,...
0
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...

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.