Hi Pat, Yep that's what I started to do. But the outermost background here http://freepages.family.rootsweb.ancestry.com/~florian/ (the muted chocolaty brown) is an image. For religions, you used a hex color instead of any image. In css it has ========================= */ body, p td { background: #BC8F8F; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body img { border: 0px; text-decoration: none; } /* ================== I need this image for the entire page background: url('marie/set1/butterscotch_p1.jpg') So where do I put that line into the above body img section? Also, could people look at that outer border solid-color image and tell me what color you see... is it a muted chocolaty brown?? If so, what hex is that? All the hexes I find are far toooo brown, or tooo orange, or tooo purplish. I don't really like #BC8F8F which is more purplish pink but it was the closest Pat found years ago. If I could get a closer hex, I'd be grateful. I feel almost color blind when working with computer colors. Can programs like Photoshop tell what color hex is in a solid color image? Billy, good idea to set the page properties on the template! If I 'survive' this, I need a hot fudge banana split. LOL Judy
At 05:29 PM 9/22/2013, you wrote: >In Windows Explorer, My Computer, or something right click on the file >name and select Properties. Down at the bottom make the file "Read >Only". That way you cannot change it. ============= What I normally tell folks who I design a template for is to make sure and save a copy of the entire file somewhere safe where if you do mess it up, you have the original to fall back on. I normally keep copies of the templates but I have a number under Judy's name but non of them appear to be the family one. You can try what you want to do Judy but I doubt it is going to work as the id's and classes are not the same. What you might be better doing is use the religions template that is commented and edit the style sheet so the images match what you want them to be for the family site. Pat
Pat, If I use the page markup from http://freepages.religions.rootsweb.ancestry.com/~florian/ and then copy the Styles from http://freepages.family.rootsweb.ancestry.com/~florian/ to an External CSS... would the religions page mark-up match enough to the family css so I could just change the page mark-up in whatever ways needed for the "family.css" file? The reason I ask about religions is I *think* the religions page design most closely matches the family design / styles, and in particular, you had commented the religions template so I don't get too lost with doing the page. It appears I would just need to make sure the # and dot "names" for class ids and class attributes match in the mark-up, is that right, so background images in a triple border appear correctly. Would that work? Or would I just make a huge mess? I searched my backup drives to see if I had an original family template but found nothing. This time, I'll mark one template "do not change" so I have an original in case I mess something up. Live & learn. Judy
On 09/22/2013 03:59 PM, JFlorian wrote: > I searched my backup drives to see if I had an original family template but > found nothing. This time, I'll mark one template "do not change" so I > have an original in case I mess something up. Live & learn. In Windows Explorer, My Computer, or something right click on the file name and select Properties. Down at the bottom make the file "Read Only". That way you cannot change it. -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
At 03:32 PM 9/22/2013, you wrote: >Pat, if I use the page you gave, will the "family" css work the same on it? Only if you are using the same layout with the same ids and classes which it does not appear the family site does. Looking at this page http://freepages.family.rootsweb.ancestry.com/~florian/ I don't see where you are using any of the styles listed for the divs or tables - at least not on the Home Page. It appears instead that you have added the styles inline to the body and the various tables to show the backgrounds. I see no div with the id outer or middle and i see no table with an idtable1 or table2. pat
Hi Pat, This was the "family" web. You wrote the styles for it, but back then External CSS royally confused me-- gave me a King-sized headache trying to understand it. Now, I get a Queen-sized headache--but that's an improvement. Next, is 'princess-sized'. The only reason I'm trying to redo the template is I somehow messed up all the /tr /td and /div toward the end of the page...and it lost /html. (And I used that template to make new pages, so the errors are now on many pages.) When I try to put the end tags in, I don't know for sure where they go except the last. Where I wrongly put the tags makes errors grow from 7 into the 30s. Ugh. So I thought starting fresh would be better and perhaps I'd learn more. But when I add back a piece and W3 screams about it, I start getting confused about if the piece is wrong, in the wrong place, how to fix it, etc. I'd much prefer Billy's solution, but I won't know then if I have a clean page otherwise because errors increase so much. Pat, if I use the page you gave, will the "family" css work the same on it? Judy
You can also have a fixed background inside a table. Here's an example of a multi level table nest and a fixed background. The page background is color and the table background is an image of a blank page from the book. http://freepages.books.rootsweb.ancestry.com/~billie0w/richardson_memorial/index.html The transcription is still a work in prgress so I know there are "issues" at this point. On 09/22/2013 02:43 PM, Barry Carlson wrote: > Judy, > > The specific coding you referred to, should in HTML4 look like this:- > > <table style="width:98%; background: url('marie/set1/mu25bkgd.jpg')" > cellpadding="28" cellspacing="0" border="1"> > > The background declaration above will repeat the image, but if it is not > meant to repeat, the declaration should be written as:- > > background: url(marie/set1/mu25bkgd.jpg) no-repeat > > Note the 'space' before no-repeat. > > Barry > > -------------------- > > On Sun, 22 Sep 2013 18:33:25 +1200, JFlorian <cageycat@gmail.com> wrote: > >> NOTE the code below validated until I put this line in it: >> <...table >> width="98%" cellpadding=28 cellspacing=0 border=1 >> background="marie/set1/mu25bkgd.jpg"> > > ------------------------------- > To unsubscribe from the list, please send an email to FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message > -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
At 02:33 AM 9/22/2013, JFlorian wrote: >So I started from scratch to get the triple borders and the body style >(solid color for outermost border) put back in, along with the Style >section. >To here, it validates. I don't have the test page uploaded; the code is >below. > >I thought about moving the Styles to css, but I'm lost about how to write a >template for it. Judy, not sure if this will help or not but this is one of the original ones I had done for you. http://www.css-layouts.org/judy/default.html pat
To link to an external style sheet put this tag in the header where you now have the styles: <link href="style.css" type="text/css" rel="stylesheet" /> Change the href="style.css" to wherever and whatever your style sheet is. An external style sheet is basically the same as what you have in your header for styles, just in a separate page that is called when the page loads. If you cut everything between your style tags and paste it into an new page, save as a "css" file type, and link to it with the above, you have an external style sheet. Nested tables and nested lists are probably the two most complicated things to do. It's so easy to get lost in the sequence of tags. The editor that I use [ Bluefish - free - not WYSIWYG ] will, if I put the curser on one end of a tag, highlight the matching tag. If I put the curser on the < [ |< ] of a <td> tag for instance the tag turns red and the matching closing tag turns red also. Makes it very east to be sure that tags are in the correct relation [ <tr><td> and not <td><tr> for instance ] and that tags are properly closed. As for Frontpages propensity for <p> tags. I don't know if there is an explanation. As a general rule of thumb, when I get hold of a Frontpage [ or any WYSIWYG ] generated page I will delete about half the tags before I dig into the guts of the page to "fix" it. I believe all WYSIWYG editors use a basic template for all pages. There are tags in place just in case you want to use them. If you don't, the tags just sit there unused. At least, that's my theory. Now the part that will get me in trouble, as usual. The vast majority of my pages won't "validate". I will use a "deprecated" tag if it does what I want. I will use a tag in a way that is not "approved" if it does what I want. OK, I admit it. I am a bad person. The thing is, for me, it's more important that the page look like I want it to than to validate. I'm not saying that validation is not a good thing, just not my main worry when I'm writing it. If it validates when I'm done, fantastic. If it doesn't, Oh well! -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
I messed up my template that has its Styles listed in head. I accidentally erased or lost some closing tags on tables, and pages then lose the /html even if I put it back in. So I started from scratch to get the triple borders and the body style (solid color for outermost border) put back in, along with the Style section. To here, it validates. I don't have the test page uploaded; the code is below. I thought about moving the Styles to css, but I'm lost about how to write a template for it. ---------------------------- I already changed body background to <....body style="../marie/set1/butterscotch_p1.jpg"> But I need help getting these images for the middle border and the content area put in, but without using the word background because w3 says it's an error... I don't know how it's supposed to be written. <..center><...table width="98%" cellpadding=28 cellspacing=0 border=1 background="marie/set1/mu25bkgd.jpg"> <tr> <td width="100%"> <...div align="center"> <center><...table width="100%" border=1 background="marie/set1/mufam3_washed.jpg"> etc etc NOTE the code below validated until I put this line in it: <...table width="98%" cellpadding=28 cellspacing=0 border=1 background="marie/set1/mu25bkgd.jpg"> ---------- Also, can anyone explain why Frontpage does this <...p> </td> instead of /p then /td ? See below. Should I ignore that or fix it to <...p> </p> </td> ------------ Here is what I have so far combined from the old pages and my new test page. <....!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " http://www.w3.org/TR/html4/loose.dtd"> <...html> <...head> <...title>testing-triple-borders_Washington County PA</title> <...meta name="description" content="testing-triple-borders. "> <...META name="keywords" content="testing-triple-borders, Washington, Washington County, Pennsylvania"> <...meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <...meta http-equiv="Content-Language" content="en-us"> <...meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <...meta name="ProgId" content="FrontPage.Editor.Document"> <...META NAME="distribution" CONTENT="global"> <...META NAME="author" CONTENT="Judith Florian"> <...META NAME="copyright" CONTENT="Copyright - All rights reserved. Data info. for individuals and surnames may be reproduced for personal family histories only, but not for any commercial use or sale. No other data or images may be reproduced without permission. © 2005-present, Judith Florian, All rights reserved."> <...META NAME="date" CONTENT="2005-10-31T00:00:00EST"> <...meta name="expires" content="never"> <...meta name="robots" content="index,follow"> <style type="text/css"> <!-- body { background-color: #BC8F8F; color: black; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-image: url('marie/set1/butterscotch_p1.jpg'); font-size: 1em } h1 { font-family: "Trebuchet MS"; font-size: 130%; color: black; background-color: inherit; text-align: center; } h2 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 114%; color: black; background-color: inherit; } h3 { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 100%; } a { text-decoration: none; } a:link, a:visited { background: transparent; color: #0066FF; } a:hover { background: transparent; color: #505BA4; text-decoration: underline; } #middle { border: 3px ridge; background-image: url("marie/set1/mu25bkgd.jpg"); } #outer { border: 3px ridge; background-image: url("marie/set1/beige1_p3.jpg"); } .tblhdr { background-color: #ffff00; } .title { font-family: "Trebuchet MS"; font-size: 140%; color: Blue; background-color: transparent; text-align: center; } #table1 { margin-left: auto; margin-right: auto; width: 100%; } #table2 { margin: auto; width: 90%; } --> </style> </head> <!--Note to self: Page validated Sept 20, 2013 --> <!-- beginning of outer container --> <body style="../marie/set1/butterscotch_p1.jpg"> <!-- beginning of middle container --> <...div align="center"> <...center> <...table width="98%" cellpadding=28 cellspacing=0 border=1 background="marie/set1/mu25bkgd.jpg"> <...tr> <...td width="100%">2 <!-- beginning of innermost container --> <...div align="center"> <...table border="1" cellpadding="4" cellspacing="0" width="98%"> <...tr> <....td width="100%">3 <p> </td> </tr> </table> </div> <p> </td> </tr> </table> </center> </div> </body> </html> Any help much appreciated, Judy
Billie, Alternatively, a less complicated method is to use the now "undeprecated" <ol start="#"> on the first list and manually code sub-lists as per:- http://countjustonce.com/test/list-nos.html Just a thought. Barry
You can reset the "section" as often as needed. The "section" is just a name, so each new reset should be given a new name, e.g counter-reset: aOne 4199; will provide you with a start number of 4200, and likewise using 0 provides a start count of 1. That way there will be no conflicts in your CSS. You may find that it is going to be too difficult to integrate with your existing method, but on the otherhand it does provide the means of creating sub numbering in cascading lists etc.. As far as I can tell, any new lists shouldn't interfere with your existing ones, and if they do, it is just a case "sandboxing" the offenders by giving them ids. Barry On Tue, 17 Sep 2013 04:12:55 +1200, Billie Walsh <bilwalsh@swbell.net> wrote: > You've given me something to think about. Have to work with it a bit to > figure it out. > > One more question. In the "style" section you reset "section 3899". If I > wanted to do the same thing again for, say, person number 4200 would > that require another reset for that section? > > It appears that this isn't as simple as I thought it would be, and it > probably should be. Maybe I'll have to make a different plan. I really > do appreciate all your help. > > On 09/15/2013 04:00 PM, Barry Carlson wrote: >> Billie, >> >> With the list-style:none, the <li> tag acts differently, and to counter >> that, all text within each <li> needs to be placed in a block level tag, >> e.g. <p>. >> >> That has been done in the following example, which also validates as >> HTML5. >> >> http://countjustonce.com/test/list-numbers-2.html >> >> Barry >> >> ------------------------------- >> To unsubscribe from the list, please send an email to >> FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without >> the quotes in the subject and the body of the message >> >
One aspect Billie mentioned (having the increment apply to only one list of several on the page) can be addressed by creating and applying a CSS named class. In the CSS, use "ol.incr", etc.; the "incr" name restricts the use to when you invoke it with <ol class="incr">, etc. You could use other characters than "incr" to name the class, but I like mnemonics. Otherwise, the CSS and HTML are as Barry gave. -rt_/) ---------------------------------------------------------------------- Message: 1 Date: Sat, 14 Sep 2013 10:54:20 -0500 From: Billie Walsh <bilwalsh@swbell.net> Subject: [FreeHelp] Incrementing List Items To: Freepages Help <freepages-help@rootsweb.com> Message-ID: <523486AC.7020706@swbell.net> Content-Type: text/plain; charset=ISO-8859-1; format=flowed I've been googling and reading but I can't find a way to get the incrementing that I want in lists. I want to increment the list by ".1", as in : 3900.1 First item 3900.2 Second item 3900.3 Third item etc. There's probably some very simple way but it escapes me. -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
You've given me something to think about. Have to work with it a bit to figure it out. One more question. In the "style" section you reset "section 3899". If I wanted to do the same thing again for, say, person number 4200 would that require another reset for that section? It appears that this isn't as simple as I thought it would be, and it probably should be. Maybe I'll have to make a different plan. I really do appreciate all your help. On 09/15/2013 04:00 PM, Barry Carlson wrote: > Billie, > > With the list-style:none, the <li> tag acts differently, and to counter > that, all text within each <li> needs to be placed in a block level tag, > e.g. <p>. > > That has been done in the following example, which also validates as HTML5. > > http://countjustonce.com/test/list-numbers-2.html > > Barry > > ------------------------------- > To unsubscribe from the list, please send an email to FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message > -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
Billie, With the list-style:none, the <li> tag acts differently, and to counter that, all text within each <li> needs to be placed in a block level tag, e.g. <p>. That has been done in the following example, which also validates as HTML5. http://countjustonce.com/test/list-numbers-2.html Barry
Billie, With racing finished for the day in San Francisco, I've had a look at what you are trying to do. Let me know if the following:- http://countjustonce.com/test/list-numbers.html ... is on the right track. Barry --------------------- On Sun, 15 Sep 2013 11:32:13 +1200, Billie Walsh <bilwalsh@swbell.net> wrote: > That doesn't really work, or there's something I'm missing. > > In the style sheet I reset the counter in the body tag and then below I > add: > > li.sub:before { > counter-increment:Section; > content:"3900" counter(Section) ". "; > } > > The "3900" gives me the first part of the number. > > On the page where I want the counter to increment by 0.1 I have: > > <li class="sub"> ............................. </li> > > What shows on the page is: > > 1. 39000 ................... > > The "OL' puts the "1." and the "li" puts the 39000. So if I do a <ol > style="list-style: none;"> that fixes the "1.". > > If I change the li in the style sheet to: > > li.sub:before { > counter-increment:Section; > content:"3900" counter(Section) ".1"; > } > > I get an output of 39000.1. I still have the extra "0". dropping a "0" > from the 3900 in the style sheet I get the correct number > > but > > the next item on the list gives me: > > 3900.1William S. > 3900.1Francis Harvey, > > > > > On 09/14/2013 02:33 PM, Barry Carlson wrote: >> Billie, >> >> It is possible to do what you want. >> >> Before going any further, the <ol start="6"> is no longer in vogue, i.e. >> its deprecated. >> >> The answer lies in a CSS solution, and on the surface it looks a little >> complicated, but does work. >> >> I'm just about to go and watch a couple of Americas Cup yacht races, so >> will come back to this later. >> >> Meanwhile, have a look at:- >> >> http://www.w3schools.com/cssref/pr_gen_counter-increment.asp >> >> ... and the Try it Youself page. >> >> Barry >> >> On Sun, 15 Sep 2013 03:54:20 +1200, Billie Walsh <bilwalsh@swbell.net> >> wrote: >> >>> I've been googling and reading but I can't find a way to get the >>> incrementing that I want in lists. I want to increment the list by >>> ".1", >>> as in : >>> >>> 3900.1 First item >>> 3900.2 Second item >>> 3900.3 Third item >>> etc. >>> >>> There's probably some very simple way but it escapes me. >> >> ------------------------------- >> To unsubscribe from the list, please send an email to >> FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without >> the quotes in the subject and the body of the message >> >
You will find it here - http://www.w3schools.com/tags/att_ol_start.asp Greg On 15/09/2013 7:38 AM, Billie Walsh wrote: > According to one page I found on W3c the "start" was deprecated in HTML4 > and added back in HTML5. I'm sorry, I went through so many pages I don't > remember where I found that but I know it was on a W3c page somewhere. > > On 09/14/2013 02:33 PM, Barry Carlson wrote: >> Billie, >> >> It is possible to do what you want. >> >> Before going any further, the <ol start="6"> is no longer in vogue, i.e. >> its deprecated. >> >> The answer lies in a CSS solution, and on the surface it looks a little >> complicated, but does work. >> >> I'm just about to go and watch a couple of Americas Cup yacht races, so >> will come back to this later. >> >> Meanwhile, have a look at:- >> >> http://www.w3schools.com/cssref/pr_gen_counter-increment.asp >> >> ... and the Try it Youself page. >> >> Barry >> >> On Sun, 15 Sep 2013 03:54:20 +1200, Billie Walsh <bilwalsh@swbell.net> >> wrote: >> >>> I've been googling and reading but I can't find a way to get the >>> incrementing that I want in lists. I want to increment the list by ".1", >>> as in : >>> >>> 3900.1 First item >>> 3900.2 Second item >>> 3900.3 Third item >>> etc. >>> >>> There's probably some very simple way but it escapes me. >> >> ------------------------------- >> To unsubscribe from the list, please send an email to FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message >> > -- DAVIS Genealogy Blog - http://davisgenealogyproject.blogspot.com
Billie, It is possible to do what you want. Before going any further, the <ol start="6"> is no longer in vogue, i.e. its deprecated. The answer lies in a CSS solution, and on the surface it looks a little complicated, but does work. I'm just about to go and watch a couple of Americas Cup yacht races, so will come back to this later. Meanwhile, have a look at:- http://www.w3schools.com/cssref/pr_gen_counter-increment.asp ... and the Try it Youself page. Barry On Sun, 15 Sep 2013 03:54:20 +1200, Billie Walsh <bilwalsh@swbell.net> wrote: > I've been googling and reading but I can't find a way to get the > incrementing that I want in lists. I want to increment the list by ".1", > as in : > > 3900.1 First item > 3900.2 Second item > 3900.3 Third item > etc. > > There's probably some very simple way but it escapes me.
Getting kind of long so I cut it off. Still puzzling it out, but that is getting really close. The issue I see is that I have dozens of other ordered lists and I don't want all of them affected. Here's an example page of what I'm working on: http://freepages.books.rootsweb.ancestry.com/~billie0w/richardson_memorial/Samuel/samuel4.htm in case of line wrap: http://tinyurl.com/nzshhe3 Under each person the children are in ordered lists starting with the number of the first child. I use ordered lists in order to keep things lined up properly. Every other method I came up with didn't manage the information in as neat a manner. I'm actually working on the seventh generation page and I want to add children to a person that has none in the original book [ my direct line/information ]. His number is 3900 so I thought a way to do it would be 3900.1, etc. Then in the next generation I might have person 3900.1 and his information with his children as 3900.1.1 or something simpler [ I'm still working on methods ]. On 09/14/2013 07:32 PM, Barry Carlson wrote: > Billie, > > With racing finished for the day in San Francisco, I've had a look at what > you are trying to do. > > Let me know if the following:- > > http://countjustonce.com/test/list-numbers.html > > ... is on the right track. > > Barry -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._
That doesn't really work, or there's something I'm missing. In the style sheet I reset the counter in the body tag and then below I add: li.sub:before { counter-increment:Section; content:"3900" counter(Section) ". "; } The "3900" gives me the first part of the number. On the page where I want the counter to increment by 0.1 I have: <li class="sub"> ............................. </li> What shows on the page is: 1. 39000 ................... The "OL' puts the "1." and the "li" puts the 39000. So if I do a <ol style="list-style: none;"> that fixes the "1.". If I change the li in the style sheet to: li.sub:before { counter-increment:Section; content:"3900" counter(Section) ".1"; } I get an output of 39000.1. I still have the extra "0". dropping a "0" from the 3900 in the style sheet I get the correct number but the next item on the list gives me: 3900.1William S. 3900.1Francis Harvey, On 09/14/2013 02:33 PM, Barry Carlson wrote: > Billie, > > It is possible to do what you want. > > Before going any further, the <ol start="6"> is no longer in vogue, i.e. > its deprecated. > > The answer lies in a CSS solution, and on the surface it looks a little > complicated, but does work. > > I'm just about to go and watch a couple of Americas Cup yacht races, so > will come back to this later. > > Meanwhile, have a look at:- > > http://www.w3schools.com/cssref/pr_gen_counter-increment.asp > > ... and the Try it Youself page. > > Barry > > On Sun, 15 Sep 2013 03:54:20 +1200, Billie Walsh <bilwalsh@swbell.net> > wrote: > >> I've been googling and reading but I can't find a way to get the >> incrementing that I want in lists. I want to increment the list by ".1", >> as in : >> >> 3900.1 First item >> 3900.2 Second item >> 3900.3 Third item >> etc. >> >> There's probably some very simple way but it escapes me. > > ------------------------------- > To unsubscribe from the list, please send an email to FREEPAGES-HELP-request@rootsweb.com with the word 'unsubscribe' without the quotes in the subject and the body of the message > -- A cat is a puzzle with no solution. Cats are tiny little women in fur coats. When you get all full of yourself try giving orders to a cat. _ _... ..._ _ _._ ._ ..... ._.. ... .._