Oops, I spoke too soon [Was: Re: [NTLUG:Discuss] OT, HTML question]

Thu Jan 8 21:17:02 CST 2004

Stuart Johnston wrote:

> fredjame wrote:
> (omitted for briefity)

> The best way to control borders is with CSS.  Try something like this 
> to get started:
>
> <html>
> <body>
> <table cellspacing="0">
> <tr><td style="border-top: 1px solid; border-left: 1px solid;
>                border-right: 1px solid;" width="25">&nbsp;</td>
>     <td style="border-top: 1px solid; border-right: 1px solid;"
>         width="25">&nbsp;</td>
>     <td style="border-top: 1px solid; border-right: 1px solid;"
>         width="25">&nbsp;</td>
>     <td style="border-top: 1px solid; border-right: 1px solid"
>         width="25">&nbsp;</td>
> </tr>
>
>
> <tr><td style="border-right: 1px solid; border-left: 1px 
> solid">&nbsp;</td>
>     <td style="border-right: 1px solid;">&nbsp;</td>
>     <td style="border-right: 1px solid;">&nbsp;</td>
>     <td style="border-right: 1px solid">&nbsp;</td>
> </tr>
>
> </table>
>
> </body>
> </html>
>
>
> Of course, in real life you would want to move all that into style 
> classes.
>
> HTH,
> Stuart Johnston
> ---
> http://VaultraNet.com
>
Thank you, but what does "&nbsp;" mean?  I see it doing strange things
within "Quanta Plus 3.1.1", but it seems to have no effect at all in
straight, hand coded html.

After fooling around for a bit with "style and border" code tips you
provide, to see what they produced, I changed my mind a little on what I
wanted.  Currently my script is generating something like this (see
below), which is working well, and I like the results - thank you again
for the "style" tip.  Where can I read up on "style classes", with
particular reference to "manual coding"?

(some omitted stuff)
<table width="616" border="0" cellpadding="0" cellspacing="0">
<tbody>
<col width="88">
<col width="88">
<col width="88">
<col width="88">
<col width="88">
<col width="88">
<col width="88">
<tr bgcolor="teal">
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Sunday</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Monday</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Tuesday</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Wednesday</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Thursday</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="1" color="white">Friday</font></p></td>
<td width="88"><p align="center"><font size="1"
color="white">Saturday</font></p></td>
</tr>
<tr bgcolor="teal">
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">4</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">5</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">6</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">7</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">8</font></p></td>
<td style="border-right: 1px solid; width="88"><p align="center"><font
size="2" color="white">9</font></p></td>
<td width="88"><p align="center"><font size="2"
color="white">10</font></p></td>
</tr>
</tbody>
</table>
(some omitted stuff)

The above code works well for browsers like Galeon 1.3.3, and Mozilla 
1.5, but not for Netscape 4.79 (where the alignment goes south)- so for 
now I am back to not using the borders.  Oh, well, thanks anyway.

-- 
...we are fellow passengers...