Columns

B

Brian Robertson

I am redesigning a web page that runs to some 1800 pages consisting
mostly of tables to show data. (Hey, there may be better ways of doing
it than tables, but what the hell?) I have tried converting the original
pages from HTML formatting to CSS, but it is hard and frustrating work,
ultimately doomed to failure IMHO. I may as well start at square one
with a new layout.

So, here would be some basic code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<link rel="stylesheet" type="text/css" href="style3.css">
</head>

<body>

<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" width="100%" id="table1">
<tr>
<th>Section of Line</th>
<th>Opened</th>
<th>Closed</th>
<th>Notes</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</body>

</html>

And here is the start of a style sheet:

body {
background-color: rgb(223,174,45);
}

table {
font-family: arial;
font-size: 12.5px;
background-color: rgb(248,239,182);
empty-cells: show;
width: 900px;
}

What I want to know is this: how can I apply particular attributes to
columns rather than rows, or can't I, or is there a next best fix?

Brian.
 
D

dorayme

Brian Robertson said:
I am redesigning a web page that runs to some 1800 pages consisting
mostly of tables to show data. (Hey, there may be better ways of doing
it than tables, but what the hell?)
Click to expand...

There is no better way to make a table than to use the tool that
is designed to make them, tables.

I have tried converting the original
pages from HTML formatting to CSS, but it is hard and frustrating work,
ultimately doomed to failure IMHO. I may as well start at square one
with a new layout.
Click to expand...

You can at least not have inline styles as in your code, hive
those off to the css in the head or otside css linked file.
What I want to know is this: how can I apply particular attributes to
columns rather than rows, or can't I, or is there a next best fix?
Click to expand...


You might have to study col and colgroup:

http://www.htmldog.com/guides/htmladvanced/tables/

Or if you want low tech, it is really simple, you simply class
all the cells in each col and say what colour background you want
in each cell:

http://netweaver.com.au/alt/robertson.html
 
B

Brian Robertson

dorayme said:
There is no better way to make a table than to use the tool that
is designed to make them, tables.



You can at least not have inline styles as in your code, hive
those off to the css in the head or otside css linked file.




You might have to study col and colgroup:

http://www.htmldog.com/guides/htmladvanced/tables/

Or if you want low tech, it is really simple, you simply class
all the cells in each col and say what colour background you want
in each cell:

http://netweaver.com.au/alt/robertson.html
Click to expand...

Hiya. Thanks for that. Pretty much what I suspected. Just wanted
confirmation really. It is going to be a hard slog, but I am a total
convert to CSS and think it will be worth the effort.

The inline style info is there thanks to FrontPage and will be removed.
Thanks for reminding me though.

Brian.
 
A

a-ok-site

I am redesigning a web page that runs to some 1800 pages consisting
mostly of tables to show data. (Hey, there may be better ways of doing
it than tables, but what the hell?) I have tried converting the original
pages from HTML formatting to CSS, but it is hard and frustrating work,
ultimately doomed to failure IMHO. I may as well start at square one
with a new layout.

So, here would be some basic code:

<html>

<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<link rel="stylesheet" type="text/css" href="style3.css">
</head>

<body>

<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" width="100%" id="table1">
<tr>
<th>Section of Line</th>
<th>Opened</th>
<th>Closed</th>
<th>Notes</th>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

</body>

</html>

And here is the start of a style sheet:

body {
background-color: rgb(223,174,45);

}

table {
font-family: arial;
font-size: 12.5px;
background-color: rgb(248,239,182);
empty-cells: show;
width: 900px;

}

What I want to know is this: how can I apply particular attributes to
columns rather than rows, or can't I, or is there a next best fix?

Brian.
Click to expand...

I currently attempting the project you are talking about--almost but
not as many tables.

I found after several attempts at finding a stop gap solution and re-
building existing pages that I was still not happy with the results,
so I have started all over again, and I am using div with an external
style sheet. I am finally well pleased with the results. After the
style sheet is set up, it really is easy to create new pages using a
basic template page and just adding data then saving each page to its
existing counterpart. Make sure your blank template is set up
correctly and W3C validate it both for html/xhtml and CSS, and then
the conversion should go really smooth. One plus is you can change
the look of all the pages at once through the style sheet.

You can see what I have done so far, and the failed attempts, on my
site http://a-ok-site.com.

Later,

Daniel
 
D

dorayme

Brian Robertson said:
dorayme wrote:

Hiya. Thanks for that. Pretty much what I suspected. Just wanted
confirmation really. It is going to be a hard slog, but I am a total
convert to CSS and think it will be worth the effort.
Click to expand...

Well, there is nothing hard about the low tech solution as in
last url. And with a good text editor (if you are really keen on
css etc, leave your FrontPage alone for a while). In a good text
editor with Search and Replace functions, low tech solutions
become very easy to implement because you can very easily have
such text as class="" inserted pretty well automatically over a
set of things, even a whole page or a number of pages. But I
won't go into this unless you are keen...

If you want a lower than lower tech solution to inserting class,
just set up at least the <td class=""> text to repeat line after
line and fill in the class name by paste as appropriate.

I should have said about col and colgrup that it might not be as
reliable a method as what I call the low tech solution. Browser
support might be a problem for the more elegant ways of colgroup.
Test for yourself. Do feedback if you discover it is ok! I just
use the low tech so I never investigated properly, I heard
rumours about it though!

Best of luck.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button> 1
Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one? 0
Javascript DOM 1
Sort by number of characters 1
Can anyone please help? HTML - two tables applying different styles 4
Angularjs newbie - second JSON datasource does not display 0
How to have two html audio players on one page? 0
SendGrid email issue in responsive Gmail 1

Members online

Total: 26 (members: 2, guests: 24)
Robots: 387

Forum statistics

Threads
473,755
Messages
2,569,536
Members
45,020
Latest member
GenesisGai

Latest Threads

Top