Table Bordercolor

M

mhdowns

I'm updating one of my websites and I'm trying to learn some new things (DWT,
page validation, etc). I tried to validate my basic page template
(http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
the validator (W3C) said I couldn't use the "bordercolor" attribute. The
table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
I can't use tables in the content that will have borders with any color but
"automatic"? I have a lot of tables in the current web and I'd like to keep
them. I know it's not a really big deal, but I'd like to stay current with
the standards.

I'd also appreciate any constructive critisim on the page.
Thanks,
Michael
 
S

Stefan B Rusynko

Start by removing all spaces from file folder names
- to prevent broken links and %20 in the URLs

Apply the border w/ CSS
<table width="100%" cellspacing="0" cellpadding="4" style="border: 1px solid #0033CC;">

PS
If your target is a 800 px screen minimum design at ~760 px to avoid scroll bars
- can be done by setting your page margins to 0 w/ css which in your head section will give you ~765 px width pages

<style><!--
body { margin: 0 }
--></style>

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| I'm updating one of my websites and I'm trying to learn some new things (DWT,
| page validation, etc). I tried to validate my basic page template
| (http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
| the validator (W3C) said I couldn't use the "bordercolor" attribute. The
| table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
| I can't use tables in the content that will have borders with any color but
| "automatic"? I have a lot of tables in the current web and I'd like to keep
| them. I know it's not a really big deal, but I'd like to stay current with
| the standards.
|
| I'd also appreciate any constructive critisim on the page.
| Thanks,
| Michael
 
M

mhdowns

Stefan,
Thanks for the response.
When I reorganize the site, the folder/file names are the first priority
fixes (in this case, "nonactive pages" was a default folder in the web).

I figured I'd have to do it with CSS - guess I'll add another "new thing" to
my list of things to learn.

Regarding the 800 px design comment, I was trying to set up the page to work
at any resolution. I thought I had it so it would fit in 765 px and would
expand as appropriate to fit larger resolutions/screens. I know that window
size is really the factor, ao I was trying to make it fill the larger windows
- but not collapse below the 765px standard. Are you saying that all I
needed to have done was add that css statement?

Thanks,
Michael
 
S

Stefan B Rusynko

Yes
- but I think you also need to slightly reduce your center top image ~ 5 px

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Stefan,
| Thanks for the response.
| When I reorganize the site, the folder/file names are the first priority
| fixes (in this case, "nonactive pages" was a default folder in the web).
|
| I figured I'd have to do it with CSS - guess I'll add another "new thing" to
| my list of things to learn.
|
| Regarding the 800 px design comment, I was trying to set up the page to work
| at any resolution. I thought I had it so it would fit in 765 px and would
| expand as appropriate to fit larger resolutions/screens. I know that window
| size is really the factor, ao I was trying to make it fill the larger windows
| - but not collapse below the 765px standard. Are you saying that all I
| needed to have done was add that css statement?
|
| Thanks,
| Michael
| "Stefan B Rusynko" wrote:
|
| > Start by removing all spaces from file folder names
| > - to prevent broken links and %20 in the URLs
| >
| > Apply the border w/ CSS
| > <table width="100%" cellspacing="0" cellpadding="4" style="border: 1px solid #0033CC;">
| >
| > PS
| > If your target is a 800 px screen minimum design at ~760 px to avoid scroll bars
| > - can be done by setting your page margins to 0 w/ css which in your head section will give you ~765 px width pages
| >
| > <style><!--
| > body { margin: 0 }
| > --></style>
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > _____________________________________________
| >
| >
| > | I'm updating one of my websites and I'm trying to learn some new things (DWT,
| > | page validation, etc). I tried to validate my basic page template
| > | (http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
| > | the validator (W3C) said I couldn't use the "bordercolor" attribute. The
| > | table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
| > | I can't use tables in the content that will have borders with any color but
| > | "automatic"? I have a lot of tables in the current web and I'd like to keep
| > | them. I know it's not a really big deal, but I'd like to stay current with
| > | the standards.
| > |
| > | I'd also appreciate any constructive critisim on the page.
| > | Thanks,
| > | Michael
| >
| >
| >
 
M

mhdowns

Stefan,
Looks like the problem is in the content cell. I can't get the page to fit
at 765 because in order to collapse to 765, I have to set the cell width to
80% or less which, in turn, stretches the navigation cell in larger windows
(which I'm trying to fix at 135px). If I take off the width specification, a
big gap appears between the 2 cells. Any ideas?
Thanks,
Michael

Stefan B Rusynko said:
Yes
- but I think you also need to slightly reduce your center top image ~ 5 px

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Stefan,
| Thanks for the response.
| When I reorganize the site, the folder/file names are the first priority
| fixes (in this case, "nonactive pages" was a default folder in the web).
|
| I figured I'd have to do it with CSS - guess I'll add another "new thing" to
| my list of things to learn.
|
| Regarding the 800 px design comment, I was trying to set up the page to work
| at any resolution. I thought I had it so it would fit in 765 px and would
| expand as appropriate to fit larger resolutions/screens. I know that window
| size is really the factor, ao I was trying to make it fill the larger windows
| - but not collapse below the 765px standard. Are you saying that all I
| needed to have done was add that css statement?
|
| Thanks,
| Michael
| "Stefan B Rusynko" wrote:
|
| > Start by removing all spaces from file folder names
| > - to prevent broken links and %20 in the URLs
| >
| > Apply the border w/ CSS
| > <table width="100%" cellspacing="0" cellpadding="4" style="border: 1px solid #0033CC;">
| >
| > PS
| > If your target is a 800 px screen minimum design at ~760 px to avoid scroll bars
| > - can be done by setting your page margins to 0 w/ css which in your head section will give you ~765 px width pages
| >
| > <style><!--
| > body { margin: 0 }
| > --></style>
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > _____________________________________________
| >
| >
| > | I'm updating one of my websites and I'm trying to learn some new things (DWT,
| > | page validation, etc). I tried to validate my basic page template
| > | (http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
| > | the validator (W3C) said I couldn't use the "bordercolor" attribute. The
| > | table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
| > | I can't use tables in the content that will have borders with any color but
| > | "automatic"? I have a lot of tables in the current web and I'd like to keep
| > | them. I know it's not a really big deal, but I'd like to stay current with
| > | the standards.
| > |
| > | I'd also appreciate any constructive critisim on the page.
| > | Thanks,
| > | Michael
| >
| >
| >
 
S

Stefan B Rusynko

1) Add the 0 margins in the head section of your DWT
<style type="text/css">
body {margin:0;}
</style>
2) Your top center image (banner-center1.jpg) real size is 340x100 but you have forced it to 350x100
- set it back to 340x100
3) Set your page background to your yellow border color (and content table to white)
You page will be ~ 765 min

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Stefan,
| Looks like the problem is in the content cell. I can't get the page to fit
| at 765 because in order to collapse to 765, I have to set the cell width to
| 80% or less which, in turn, stretches the navigation cell in larger windows
| (which I'm trying to fix at 135px). If I take off the width specification, a
| big gap appears between the 2 cells. Any ideas?
| Thanks,
| Michael
|
| "Stefan B Rusynko" wrote:
|
| > Yes
| > - but I think you also need to slightly reduce your center top image ~ 5 px
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > _____________________________________________
| >
| >
| > | Stefan,
| > | Thanks for the response.
| > | When I reorganize the site, the folder/file names are the first priority
| > | fixes (in this case, "nonactive pages" was a default folder in the web).
| > |
| > | I figured I'd have to do it with CSS - guess I'll add another "new thing" to
| > | my list of things to learn.
| > |
| > | Regarding the 800 px design comment, I was trying to set up the page to work
| > | at any resolution. I thought I had it so it would fit in 765 px and would
| > | expand as appropriate to fit larger resolutions/screens. I know that window
| > | size is really the factor, ao I was trying to make it fill the larger windows
| > | - but not collapse below the 765px standard. Are you saying that all I
| > | needed to have done was add that css statement?
| > |
| > | Thanks,
| > | Michael
| > | "Stefan B Rusynko" wrote:
| > |
| > | > Start by removing all spaces from file folder names
| > | > - to prevent broken links and %20 in the URLs
| > | >
| > | > Apply the border w/ CSS
| > | > <table width="100%" cellspacing="0" cellpadding="4" style="border: 1px solid #0033CC;">
| > | >
| > | > PS
| > | > If your target is a 800 px screen minimum design at ~760 px to avoid scroll bars
| > | > - can be done by setting your page margins to 0 w/ css which in your head section will give you ~765 px width pages
| > | >
| > | > <style><!--
| > | > body { margin: 0 }
| > | > --></style>
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > | > _____________________________________________
| > | >
| > | >
| > | > | I'm updating one of my websites and I'm trying to learn some new things (DWT,
| > | > | page validation, etc). I tried to validate my basic page template
| > | > | (http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
| > | > | the validator (W3C) said I couldn't use the "bordercolor" attribute. The
| > | > | table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
| > | > | I can't use tables in the content that will have borders with any color but
| > | > | "automatic"? I have a lot of tables in the current web and I'd like to keep
| > | > | them. I know it's not a really big deal, but I'd like to stay current with
| > | > | the standards.
| > | > |
| > | > | I'd also appreciate any constructive critisim on the page.
| > | > | Thanks,
| > | > | Michael
| > | >
| > | >
| > | >
| >
| >
| >
 
M

mhdowns

Thanks!

Stefan B Rusynko said:
1) Add the 0 margins in the head section of your DWT
<style type="text/css">
body {margin:0;}
</style>
2) Your top center image (banner-center1.jpg) real size is 340x100 but you have forced it to 350x100
- set it back to 340x100
3) Set your page background to your yellow border color (and content table to white)
You page will be ~ 765 min

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Stefan,
| Looks like the problem is in the content cell. I can't get the page to fit
| at 765 because in order to collapse to 765, I have to set the cell width to
| 80% or less which, in turn, stretches the navigation cell in larger windows
| (which I'm trying to fix at 135px). If I take off the width specification, a
| big gap appears between the 2 cells. Any ideas?
| Thanks,
| Michael
|
| "Stefan B Rusynko" wrote:
|
| > Yes
| > - but I think you also need to slightly reduce your center top image ~ 5 px
| >
| > --
| >
| > _____________________________________________
| > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > "Warning - Using the F1 Key will not break anything!" (-;
| > To find the best Newsgroup for FrontPage support see:
| > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > _____________________________________________
| >
| >
| > | Stefan,
| > | Thanks for the response.
| > | When I reorganize the site, the folder/file names are the first priority
| > | fixes (in this case, "nonactive pages" was a default folder in the web).
| > |
| > | I figured I'd have to do it with CSS - guess I'll add another "new thing" to
| > | my list of things to learn.
| > |
| > | Regarding the 800 px design comment, I was trying to set up the page to work
| > | at any resolution. I thought I had it so it would fit in 765 px and would
| > | expand as appropriate to fit larger resolutions/screens. I know that window
| > | size is really the factor, ao I was trying to make it fill the larger windows
| > | - but not collapse below the 765px standard. Are you saying that all I
| > | needed to have done was add that css statement?
| > |
| > | Thanks,
| > | Michael
| > | "Stefan B Rusynko" wrote:
| > |
| > | > Start by removing all spaces from file folder names
| > | > - to prevent broken links and %20 in the URLs
| > | >
| > | > Apply the border w/ CSS
| > | > <table width="100%" cellspacing="0" cellpadding="4" style="border: 1px solid #0033CC;">
| > | >
| > | > PS
| > | > If your target is a 800 px screen minimum design at ~760 px to avoid scroll bars
| > | > - can be done by setting your page margins to 0 w/ css which in your head section will give you ~765 px width pages
| > | >
| > | > <style><!--
| > | > body { margin: 0 }
| > | > --></style>
| > | >
| > | > --
| > | >
| > | > _____________________________________________
| > | > SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
| > | > "Warning - Using the F1 Key will not break anything!" (-;
| > | > To find the best Newsgroup for FrontPage support see:
| > | > http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
| > | > _____________________________________________
| > | >
| > | >
| > | > | I'm updating one of my websites and I'm trying to learn some new things (DWT,
| > | > | page validation, etc). I tried to validate my basic page template
| > | > | (http://cgbdswimming.org/nonactive pages/BlankTemplate1.htm) and got 1 error:
| > | > | the validator (W3C) said I couldn't use the "bordercolor" attribute. The
| > | > | table borders (="1") show up as gray in Firefox, but fine in IE. So, I guess
| > | > | I can't use tables in the content that will have borders with any color but
| > | > | "automatic"? I have a lot of tables in the current web and I'd like to keep
| > | > | them. I know it's not a really big deal, but I'd like to stay current with
| > | > | the standards.
| > | > |
| > | > | I'd also appreciate any constructive critisim on the page.
| > | > | Thanks,
| > | > | Michael
| > | >
| > | >
| > | >
| >
| >
| >
 

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

Top