|
|
Posted by a-ok-site on 11/20/07 00:58
On Nov 19, 5:57 pm, Brian Robertson <brian@[nospam].com> wrote:
> 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> </td>
> <td> </td>
> <td> </td>
> <td> </td>
> </tr>
> <tr>
> <td> </td>
> <td> </td>
> <td> </td>
> <td> </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.
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
Navigation:
[Reply to this message]
|