Table Bordercolor

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

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
 
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
 
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
 
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
| >
| >
| >
 
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
| >
| >
| >
 
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
| > | >
| > | >
| > | >
| >
| >
| >
 
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

Back
Top