Still having trouble with tables. I stripped out padding but the table is still fatty-celled with default (I read at W3 schools) of center, which is not what I want. And do tables need valign="top" or can I remove those? Lastly, if I just get the tables copied to new pages, can I *easily* come back later to get the tables to stop being fatty-celled? Judy

Judy, check your style sheet and make sure you don't have default styles for your tables besides the specialized ones. Pat -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 9:13 AM To: LIST_freepages-help@rootsweb.com <freepages-help@rootsweb.com> Subject: [FreeHelp]External CSS and valign="top" Still having trouble with tables. I stripped out padding but the table is still fatty-celled with default (I read at W3 schools) of center, which is not what I want. And do tables need valign="top" or can I remove those? Lastly, if I just get the tables copied to new pages, can I *easily* come back later to get the tables to stop being fatty-celled? Judy _______________________________________________ Email preferences: https://urldefense.proofpoint.com/v2/url?u=http-3A__bit.ly_rootswebpref&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=5yHl-OdzVw4Rffveu11d5qsRwoMxoft1B2EZ-LZJ8L8&s=uZMeo0_lbXhv73DxBkFARHjvNc3EfkQqcx9gVi0h4Mc&e= Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help Privacy Statement: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2JWBOdY&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=5yHl-OdzVw4Rffveu11d5qsRwoMxoft1B2EZ-LZJ8L8&s=nQtGmepUW_q3uadNhAi0wvksjX5Ibu8RLbbvKSYimCc&e= Terms and Conditions: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2HDBym9&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=5yHl-OdzVw4Rffveu11d5qsRwoMxoft1B2EZ-LZJ8L8&s=LCIccbTm4WYVZPBZKopMB4RFSttN6BU0i5vG10fSlDM&e= Rootsweb Blog: https://urldefense.proofpoint.com/v2/url?u=http-3A__rootsweb.blog&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=5yHl-OdzVw4Rffveu11d5qsRwoMxoft1B2EZ-LZJ8L8&s=EIyeAes3DWTKWRw9bR6hzI5NDb0wQ2_VJpjaw7S4zGM&e= RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community

Is this what you want it to look like? http://sites.rootsweb.com/~gearyfamily/judy-table-example.html <.....table cellpadding="3" cellspacing="0" border="1px"style="width:100%"> With the cells set at a width of 50%. Pat -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 9:13 AM To: LIST_freepages-help@rootsweb.com <freepages-help@rootsweb.com> Subject: [FreeHelp]External CSS and valign="top" Still having trouble with tables. I stripped out padding but the table is still fatty-celled with default (I read at W3 schools) of center, which is not what I want. And do tables need valign="top" or can I remove those? Lastly, if I just get the tables copied to new pages, can I *easily* come back later to get the tables to stop being fatty-celled? Judy _______________________________________________ Email preferences: https://urldefense.proofpoint.com/v2/url?u=http-3A__bit.ly_rootswebpref&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=opzDuu5_ndGGmUfa_3OK5q6FT51s6AIgGEE8BrHdE74&s=wvDGKjfkGYZFKsiGfgqJiy4rK95IKz2IZxcK3aFCLB0&e= Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help Privacy Statement: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2JWBOdY&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=opzDuu5_ndGGmUfa_3OK5q6FT51s6AIgGEE8BrHdE74&s=sSDYL3B7eu8m6-RXigZs0bd1F9vCGZY61F-5KzkdPow&e= Terms and Conditions: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2HDBym9&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=opzDuu5_ndGGmUfa_3OK5q6FT51s6AIgGEE8BrHdE74&s=1STlrCl1TBKRJ8RjmiWzy3Aml5iJk9nYqwhW2Whnm-8&e= Rootsweb Blog: https://urldefense.proofpoint.com/v2/url?u=http-3A__rootsweb.blog&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=opzDuu5_ndGGmUfa_3OK5q6FT51s6AIgGEE8BrHdE74&s=vlm1ENb2UDmNCD4rqJGeDTtEGYqUUlpiC_ixlOjKxs0&e= RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community

Yes, thin, single text cells that can expand if text needs a 2nd line. I previously named the triple border page layout as table1 and table2 in CSS and the tag in html The only other table is table#search in the CSS Barry did. The html.for that is in an _include. I temporarily moved all of Barry's tables to a separate file until I get the problem figured out. Just noticed table.histPops is still in the CSS. I can't see the problem, especially with being new to Ext CSS. Ideally, it would help me if I had some Ext CSS "Tablea" (Table A) for skinny multiple cells at 100% width so I can do search-replace on table and change them all to tablea. At least I hope so because I'm to the point that I'm just going to copy every table to the new pages and let the tables look funky. :-( I like your table example or this https://urldefense.proofpoint.com/v2/url?u=https-3A__www.w3schools.com_html_tryit.asp-3Ffilename-3Dtryhtml-5Ftable-5Fheadings-5Fleft&d=DwIBaQ&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=HdJDugsiH4NRjUdhDUcB8YWbc-91Xl-41PSefDXYVzw&s=943mvbb-Gyhx9qo-OFuhb5g3jToKJqYt3V9AD4KXSqE&e= Judy

So can I zap the 300+ instances of valign="top" on existing tables? I realize middle is default but it's already displaying as middle anyway.

If each cell is going to have the exact same amount of text in it (no more than one line, then yes I suppose you can skip it. If not, then you need the vertical align so that all text is at the top rather than the default of the middle. Which is why it is easier for me to use css but then I have very few tables. http://sites.rootsweb.com/~gearyfamily/judy-table-example.html This is NOT how I would normally style tables. It is just an example of how it would look. Pat -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 1:57 PM To: Freepages Web Sites <freepages-help@rootsweb.com> Subject: [FreeHelp]Re: External CSS and valign="top" So can I zap the 300+ instances of valign="top" on existing tables? I realize middle is default but it's already displaying as middle anyway.

Judy, I suppose you could do something like this http://sites.rootsweb.com/~gearyfamily/judy-table-example2.html where you add the width of the cells to the table markup. And any styling that would be the same would be in the style sheet for .tablea Pat G -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 1:52 PM To: Freepages Web Sites <freepages-help@rootsweb.com> Subject: [FreeHelp]Re: External CSS and valign="top" Yes, thin, single text cells that can expand if text needs a 2nd line. I previously named the triple border page layout as table1 and table2 in CSS and the tag in html The only other table is table#search in the CSS Barry did. The html.for that is in an _include. I temporarily moved all of Barry's tables to a separate file until I get the problem figured out. Just noticed table.histPops is still in the CSS. I can't see the problem, especially with being new to Ext CSS. Ideally, it would help me if I had some Ext CSS "Tablea" (Table A) for skinny multiple cells at 100% width so I can do search-replace on table and change them all to tablea. At least I hope so because I'm to the point that I'm just going to copy every table to the new pages and let the tables look funky. :-( I like your table example or this https://urldefense.proofpoint.com/v2/url?u=https-3A__www.w3schools.com_html_ tryit.asp-3Ffilename-3Dtryhtml-5Ftable-5Fheadings-5Fleft&d=DwIBaQ&c=kKqjBR9K KWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=HdJDugsiH4NRj UdhDUcB8YWbc-91Xl-41PSefDXYVzw&s=943mvbb-Gyhx9qo-OFuhb5g3jToKJqYt3V9AD4KXSqE &e= Judy _______________________________________________ Email preferences: https://urldefense.proofpoint.com/v2/url?u=http-3A__bit.ly_rootswebpref&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=QFpEKXKk2zJW4HaNuiK_FPuwiSdgfeVVAR3Q9AJIa-E&s=bhucqpcjj76JFqnldHqf-LF3YZX_BGOoOgbp3ftbOlc&e= Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help Privacy Statement: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2JWBOdY&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=QFpEKXKk2zJW4HaNuiK_FPuwiSdgfeVVAR3Q9AJIa-E&s=LrMEX8l8Q3q3F468G4Ls9xJaZ3mCpLhyO9UcdSzkUFI&e= Terms and Conditions: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2HDBym9&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=QFpEKXKk2zJW4HaNuiK_FPuwiSdgfeVVAR3Q9AJIa-E&s=2-hiLqeHuNO-ML8pAEH_9eugBhnfoWgEN8uTtbOdIsM&e= Rootsweb Blog: https://urldefense.proofpoint.com/v2/url?u=http-3A__rootsweb.blog&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=QFpEKXKk2zJW4HaNuiK_FPuwiSdgfeVVAR3Q9AJIa-E&s=XGiCp60e5mRCKfDDgfidtkkFWKPDlw1fLeJEACg-OfI&e= RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community

Pat, Here is an example of a long table -- I haven't even tried to tackle this yet since none of the smaller tables are working rght. http://sites.rootsweb.com/~pawashin//cemetery/ Judy

grrrrr! I used the template and only added your 4-col table. It looked fine. I thought I'd be lazy and just add the tablea tag <...table class="tablea"> to replace that line in the original. It wasn't perfect. Cleaned up the html more and it's getting better. I'll try this for the other monsters. Thank you. Judy

Pat, Should I leave or remove the cell widths on the tables where I use tablea ? J

If you want to cells to be a certain width, then you need to leave them or add a col group with the widths specified. pat -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 4:20 PM To: Freepages Web Sites <freepages-help@rootsweb.com> Subject: [FreeHelp]Re: External CSS and valign="top" Pat, Should I leave or remove the cell widths on the tables where I use tablea ? J _______________________________________________ Email preferences: https://urldefense.proofpoint.com/v2/url?u=http-3A__bit.ly_rootswebpref&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=vTLvOosCKZ2PMkoyFSvAgMkhc9mzf1JyxwgiRx1lQLc&s=fVjR7LwcvHbxl9AUicl9AVnwuO8eX0WBG8QUxyY1ue0&e= Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help Privacy Statement: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2JWBOdY&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=vTLvOosCKZ2PMkoyFSvAgMkhc9mzf1JyxwgiRx1lQLc&s=ETE-c-2ncX-ZP4qwIEZ2wFEQpEnUn8nY9fmViiuuU7w&e= Terms and Conditions: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2HDBym9&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=vTLvOosCKZ2PMkoyFSvAgMkhc9mzf1JyxwgiRx1lQLc&s=FYfxw2_dysETMRqDqvhxwHWct0WGvZ2e7HMfF7PdScE&e= Rootsweb Blog: https://urldefense.proofpoint.com/v2/url?u=http-3A__rootsweb.blog&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=vTLvOosCKZ2PMkoyFSvAgMkhc9mzf1JyxwgiRx1lQLc&s=7YXD5Nn30Xtd_WDxSQRprGy7Tq-AeRmY0OQEVtkf2fE&e= RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community

Not sure how well this works as the table width is specified in percentage and the cells in pixels. And I assume this will reside inside a container with a specified width. http://sites.rootsweb.com/~gearyfamily/judy-cemetery-table.html Barry is better at css than I am but just cleaning the tables themselves is a massive job. Been there done that on another site but that was many years ago. This is an example of a page I did for DeWitt County cemeteries https://urldefense.proofpoint.com/v2/url?u=https-3A__dewitt.illinoisgenweb.org_cemetery-2Dindex.htm&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=VOHt4b3k88Q5ISS-hNNgvjHy0bZbOk7-GhtWDircAvU&s=vWFRt2KiRWHL5IGGKbw5cX1VZpzL-k7ra1R4IEhuUXc&e= The basic layout of this one is styled by the styles listed below BUT it has been made mobile friendly so you would need to ignore the other source styles that show as part of that table. /*==================== left aligned info tables ===================== */ .lftlayout { border-collapse: collapse; caption-side: top; border: 1px solid #C0C0C0; font-size: .9em; } .lftlayout th { padding: 10px; vertical-align: top; text-align: left; border: 1px solid #C0C0C0; } .lftlayout td { padding: 5px; vertical-align: top; text-align: left; border: 1px solid #C0C0C0; } Pat -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 4:08 PM To: Freepages Web Sites <freepages-help@rootsweb.com> Subject: [FreeHelp]Re: External CSS and valign="top" grrrrr! I used the template and only added your 4-col table. It looked fine. I thought I'd be lazy and just add the tablea tag <...table class="tablea"> to replace that line in the original. It wasn't perfect. Cleaned up the html more and it's getting better. I'll try this for the other monsters. Thank you. Judy _______________________________________________ Email preferences: https://urldefense.proofpoint.com/v2/url?u=http-3A__bit.ly_rootswebpref&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=VOHt4b3k88Q5ISS-hNNgvjHy0bZbOk7-GhtWDircAvU&s=d5fRfwIq1QCIx7PuYRMY9Mry1KBTAoWHSEQPJWfoa-0&e= Unsubscribe and Archives https://mailinglists.rootsweb.com/listindexes/search/freepages-help Privacy Statement: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2JWBOdY&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=VOHt4b3k88Q5ISS-hNNgvjHy0bZbOk7-GhtWDircAvU&s=u0sZ1lQ2_LfR1fEQHQmnDdgVi2grEOuiNrdjQAYs71Y&e= Terms and Conditions: https://urldefense.proofpoint.com/v2/url?u=https-3A__ancstry.me_2HDBym9&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=VOHt4b3k88Q5ISS-hNNgvjHy0bZbOk7-GhtWDircAvU&s=bGcIQyuHkxd-wqIxpMTaFmE9rQUbOO0OrCBbLZmcTy8&e= Rootsweb Blog: https://urldefense.proofpoint.com/v2/url?u=http-3A__rootsweb.blog&d=DwICAg&c=kKqjBR9KKWaWpMhASkPbOg&r=AGsq94QXfKqnOmeiylQOdyiSx1pxsPac8QlHnLzZS9o&m=VOHt4b3k88Q5ISS-hNNgvjHy0bZbOk7-GhtWDircAvU&s=eAiwI-NsH2pPwPie29nS8Nfjg6iOYgHpNCTMk7DKMMs&e= RootsWeb is funded and supported by Ancestry.com and our loyal RootsWeb community

Hi Pat, I didn't expect you to do the cemetery table. I was just showing you an example of what I'm up against. I have a LOT more to clean. sigh. Right now, I'm liking your " tablea " CSS and the pages aren't messing up. YAY. Judy

Judy, it was a chance to play around with some cleaning queries a friend of mine had created for EW. I had forgotten how well they worked. I sent you a few more as attachments. Pat G -----Original Message----- From: JFlorian [mailto:cageycat@gmail.com] Sent: Saturday, August 25, 2018 10:06 PM To: Freepages Web Sites <freepages-help@rootsweb.com> Subject: [FreeHelp]Re: External CSS and valign="top" Hi Pat, I didn't expect you to do the cemetery table. I was just showing you an example of what I'm up against. I have a LOT more to clean. sigh. Right now, I'm liking your " tablea " CSS and the pages aren't messing up. YAY.