Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Brian Robertson
November 19, 2007, 11:57 pm
rate this thread
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:
<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">
<table border="1" cellpadding="0" cellspacing="0"
style="border-collapse: collapse" width="100%" id="table1">
<th>Section of Line</th>
And here is the start of a style sheet:
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?
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:
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:
- Brian Robertson
November 20, 2007, 12:57 am
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.
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.
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 .