Look these links over and see if it something like what you want and if you understand what I did. Let me know what you might want to do differently. I think I have commented it enough so you can work with it but if not let me know. If anyone finds any glaring mistakes, let me know. The template itself http://www.css-layouts.org/florian-family/family-template.html Read Me file http://www.css-layouts.org/florian-family/read-me.html Index page http://www.css-layouts.org/florian-family/ Alternate suggestion for menu http://www.css-layouts.org/florian-family/revised-family-template.html (colors can be changed) pat

Bill, I have a large number of images in my web. Some are of people and many others are cemetery photos. What I ended up doing was to organize the into folders by surname. For the group shots you have, if they are not of one family then you could create a folder for group shots perhaps. If you have many images of buildings then you could break them down into folders by locations or just one general folder for buildings. It just will depend on what seems logical to you as to how you end up doing it. Linda now in California (was Costa Rica) Monroe County, New York Genealogy http://freepages.genealogy.rootsweb.ancestry.com/~monroenys Monroe County, New York History http://freepages.history.rootsweb.ancestry.com/~monroenys -----Original Message----- From: Bill Thompson Sent: Monday, September 23, 2013 8:11 PM To: FREEPAGES-HELP@rootsweb.com Subject: [FreeHelp] Photo Repository and Albums I have lots of photos and albums to add to my web site. Sometimes the same photo appears in more than one album. And I would like to add some of the photos to several pages that are now mostly or entirely text. I am assuming the best way to do this is to set up a repository of some sort, such as a sub-directory, to hold all the photos and then just link to them, e.g. by <img> from pages. And in the case of an album, populate its web pages with snapshots for quicker downloading of the pages. So far I've just made up file names for each photo on an ad hoc basis, whatever seemed a good description at the moment. But with hundreds, perhaps thousands of photos, it seems as if a good file naming system will be needed Or, if the file names are primarily numeric, a good indexing system will be needed to fine a file when the photo is wanted. As is probably usually the case, some are of an individual, some of groups, and a few of buildings. In some cases I now the name of the individual, but have to guess at the year. In other cases, I know some of the people in the photos, but not all. And in some cases, I can't identify any of the people. Any suggestions about how to organize them so I'll have some way of finding one when I look for it?

I have lots of photos and albums to add to my web site. Sometimes the same photo appears in more than one album. And I would like to add some of the photos to several pages that are now mostly or entirely text. I am assuming the best way to do this is to set up a repository of some sort, such as a sub-directory, to hold all the photos and then just link to them, e.g. by <img> from pages. And in the case of an album, populate its web pages with snapshots for quicker downloading of the pages. So far I've just made up file names for each photo on an ad hoc basis, whatever seemed a good description at the moment. But with hundreds, perhaps thousands of photos, it seems as if a good file naming system will be needed Or, if the file names are primarily numeric, a good indexing system will be needed to fine a file when the photo is wanted. As is probably usually the case, some are of an individual, some of groups, and a few of buildings. In some cases I now the name of the individual, but have to guess at the year. In other cases, I know some of the people in the photos, but not all. And in some cases, I can't identify any of the people. Any suggestions about how to organize them so I'll have some way of finding one when I look for it?

At 08:10 PM 9/23/2013, you wrote: >I did a search of my backups. This css was via email back in Aug 2007 >(date on zip file is Aug 23 2007). I think that was the only time you sent >me a "judy.zip" file... it had the background images, includes, and css >plus html page for the 'religions' site. Do you recall sending a judy.zip >file? Before that, we tried page styles but it didn't work out well. I >can't find the email from back that far yet but I'll keep looking if you >want. The css in the zip file has the same line exactly. ============== Absolutely no idea. This is not yet finished but it will give you an idea of how the css will look and how clean the code can be. Right now on this site http://freepages.family.rootsweb.ancestry.com/~florian/ you cannot see the header. I've cleaned up the top and bottom includes and done the style sheet for this. Needs some more commenting but this is it so far http://freepages.family.rootsweb.ancestry.com/~gearyfamily/family-template.html on the freepages site so you can see how it looks with the rw banners and where it will eventually be so you can download it. http://www.css-layouts.org/florian-family/family-template.html Enough for tonight. pat

Hi Pat, I did a search of my backups. This css was via email back in Aug 2007 (date on zip file is Aug 23 2007). I think that was the only time you sent me a "judy.zip" file... it had the background images, includes, and css plus html page for the 'religions' site. Do you recall sending a judy.zip file? Before that, we tried page styles but it didn't work out well. I can't find the email from back that far yet but I'll keep looking if you want. The css in the zip file has the same line exactly. It makes no difference though to me...I'm certainly not 'accusing' anyone.. (over a missing comma?! Much, much more important things in life than a comma :-). Heck I'm happy you, Barry, Pat A, Ralph et al have helped me with all this. What I like most about web pages is it all can be changed--- once I know for sure what to change. Judy

Judy, Do you want every <p> tag to have that background-color?? I think probably not, so remove the background: #C29381 style. The remaining styles are to do with font-family and color, and they look right there. Barry ----------------- On Mon, 23 Sep 2013 17:08:46 +1200, JFlorian <cageycat@gmail.com> wrote: > I'm still not understanding about the background in the > body, p, td { > background: #C29381; -- Are you saying to just take out the background > line > altogether here?

At 02:24 PM 9/23/2013, you wrote: >I'm thinking back... In reference to re-setting something, Is it possible >you wrote the body, p, td that way on "religions" to somehow "clear" >something after the search boxes?? Wasn't there a hang-up about Pico? Not that I remember and the actual notes that were included do NOT list the body style with the p and td included so no idea. pat

Judy, body { background: #C29381; } body, p td { background: #C29381; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } I'm not sure about the body, p td {css}. The styles that are being set are for the body, p td, and the p td essentially means that a table td cell enclosed within a p tag is being targeted. It is more likely that it should read body, p, td {css} and set the font-family and color for all of those tags. A background style is not required here. If you do require a different td background-color, then you target the particular table/td and declare the appropriate style. In the styles written above, the second background declaration is the one that will be applied to the body, as it is the last declaration. I remember having seen this body, p td {css} before; probably in the religions CSS. I suspect that somewhere along the line, a comma has been lost. Pat will probably know. Barry -------------- On Mon, 23 Sep 2013 13:18:38 +1200, JFlorian <cageycat@gmail.com> wrote: > body, p td { > background: #C29381; > color: #000000; > font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; > } > > ... will get you into trouble, because it wants to make the bgcolor of > every table cell #C29381, which I suspect is not what you want. > > Barry > === > Barry, > > I see what you mean about the td. But I have no idea what the # should > be there? especially with copying the css from a site that doesn't use > the > same images/colors. > > The original css had > body, p td { > background: #803240; > color: #000000; > font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; > } > body img { > border: 0px; > text-decoration: none; > } > === > #803240 was a deep maroon outer background used on religions, which is > why > I thought I should plug in the #C29381 there for family's color. > > I'm getting tired. But I had noticed on the _include for the template, a > table I inserted changed to #C29381 in the Normal View but in Preview > looked fine. So how do I fix the > body, p td { > background -- so it has the correct color? e.g. If it shouldn't pick > up > the page background color, what should it pick up when the content area > is > an image? Scratching head. > > Judy > ------------------------------- > 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

Pat, I'm thinking back... In reference to re-setting something, Is it possible you wrote the body, p, td that way on "religions" to somehow "clear" something after the search boxes?? Wasn't there a hang-up about Pico? If I take out the td, I don't see anything else for tables in the CSS. But you are right...I couldn't understand what mark-up to use to make the css work on tables, so I still used Frontpage to make my tables. Lazy perhaps, but I was having enough trouble learning to hand-code tables (which I never quite mastered). I still get confused on the reverse order of closing tags, especially after long tables/lists or like it confuses me when I see /div /div /div at the end of a page. I think I still need training wheels for the css 'bike'. Using Xenu this year and trying again to understand W3 validator helped a lot... got a lot of junk repaired this summer--yeah! I think it would help a lot this time if you or someone could write the mark up as examples so I can put it in comments right in the css for each item. The main one I easily remember is p class="left" for paragraphs. I get confused between div id and class (or is it div class?) and on classes dot abbrev confuses me more than dot fullword. Would a 'cheat sheet' for mark-up be possible this time? I'm afraid I'll always be behind in how much/how quickly I grasp css. But I want to learn...and willing to keep trying! Look how much more I understood this time... to start re-making the template on my own... I congratulate/thank "you all" on the List for the prior help---some understanding has slowly sunk in. I wish I 'knew' it all quicker, but it's the best I can do under the circumstances. Judy

On Mon, Sep 23, 2013 at 4:20 AM, Kabe <kabespir@yahoo.com> wrote: Hey Kathie, Been a long time! Thanks for your comments about my sites. But anything that looks "clean" is because Pat did the CSS and / or Barry wrote or tweaked css, java codes, markup, etc. Ralph, Billie, and others on this list, or privately off-list, gave explanations, instructions, comments, etc. Their prior help is the biggest reason I decided this year, I was going to tackle problems / mistakes on my "family site" and "genealogy site" because those 2 are the worst. Then as I worked on errors, I realized other errors. Ugh. I don't find any CSS simple or easy to use, especially how to write the lines that "call" the CSS into use. So as Pat pointed out, I didn't use much from the css in the page code. But Kathie, I learn the most from trying to follow instructions, often screwing up, and re-doing it. I understand more now than several years ago about css. But like you I have competing demands on my energy/attention, so I understand things in 'baby steps' while other people seem to 'get it' quicker. Two or 3 years ago, I would never have tried to switch my family site to External CSS. No, I still don't understand all of it... the Internet will just have to live with my flawed pages as I keep learning. But I do want to learn, especially because errors multiply and I want a nice site on each website. We'll see what I can learn this time before my brain gets too tired to do more. LOL Barry was pointing out a missing comma in the CSS, but thanks for catching the extra commas on that misc" website page. Judy

Judy, Remove the background: #C29381, and place the substitute bgcolor prior to the url, e.g. body { background:#C29381 url('marie/set1/butterscotch_p1.jpg'); } Your 'buttescotch_p1.jpg' image doesn't appear to have any texture, and is effectively just a color. It would be better to just use the following:- body { background: #C29381; } The .. body, p td { background: #C29381; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } ... will get you into trouble, because it wants to make the bgcolor of every table cell #C29381, which I suspect is not what you want. Barry ---------------- On Mon, 23 Sep 2013 11:06:38 +1200, JFlorian <cageycat@gmail.com> wrote: > So if I still use the image, do I need to combine the two 'body' > statements > below, or can I leave it like this? With the two statements left in, the > css still validates. > ========================= */ > body { > background: url('marie/set1/butterscotch_p1.jpg'); > } > body, p td { > background: #C29381; > color: #000000; > font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; > } > body img { > border: 0px; > text-decoration: none; > } > /* ==================

Judy, The color you're looking for is #C29381 Include the following in your CSS for the background:- body { background: url('marie/set1/butterscotch_p1.jpg'); } Other declarations that apply just to the body can also be included there. body img { > border: 0px; > text-decoration: none; > } ... refers to an image that would have its markup immediately after the body tag. It doesn't appear to be what you are trying to achieve here. Barry On Mon, 23 Sep 2013 10:11:59 +1200, JFlorian <cageycat@gmail.com> wrote: > 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 > ------------------------------- > 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

At 11:42 PM 9/22/2013, you wrote: >body, p td { >background: #C29381; >color: #000000; >font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; >} ============= I'm not sure why the p and td was included at all. It is not something I normally do unless i am including a reset at the top of the css file. I would remove the p and td from the body style declaration. In Judy's case the body styles give her the page background color/image. The two id's middle and inner (or whatever I have called them) give the 2nd and 3rd background/color/image. So for the body, it should look something like this: body { background: #D2D3CC url('images/weosbokchito4_sm_41K.gif'); color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body img { border: 0px; text-decoration: none; } These will be the first two style rules in any css I do for someone. The background style rule gives the color and the image. I use a color as well as image in case the image does not load or in case the viewer for some reason has images turned off. I ALWAYS add the background color rule to the body tag so that I am sure the background will be the color I want. http://www.genealogy-computer-tips.com/background-colors/ I think this also illustrates the reason it is necessary to understand cascading style sheets if you are going to use them. Otherwise it is almost impossible to understand what it happening and how to fix them when things go wrong. http://www.expression-web-tutorials.com/css-basics.html . This is a tutorial I did on using triple/double layered backgrounds which probably needs some refining now http://www.genealogy-web-creations.com/creating-layered-backgrounds.html Off to take my hubby to the dentist. Judy, I can add some more comments to the style sheet if you think it would help on the family template but it would require your cleaning up your table code as that is where you have put most of your styles rather than using the ones in the style sheet. pat

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

Judy, it's Kathie Buchanan, who has relied much on your site for new BAKER gen.  I'm no expert on CSS, but have been trying to learn it after learning HTML, then feeling overwhelmed, since you all make it seem so simple.  Pat here, even did a beautiful template for me using CSS.  I'm sorry to say that I haven't had time or health to work on my freepage but hope to this winter. Are you referring to this page link with some distracting commas, after some listings in two cells? I'd eliminate those commas altogether, since you list the place-names in the column next to the name. (eg: "New Oxford Cemetery," (column) "New Oxford") I'd concentrate on getting those links up, and I do not have a problem w/ the maroon border and just a bit of the inner border (Our God Reigns? inner border, right?) Or, the commas in the CSS code itself? I think what you have looks crisp, and is easily read. It's very 'clean' as it is.  I think another image over all of it would take away, rather than (beautify?), if that is what you are trying to do or avoid? The white background on insert,(or is that 'butterscotch'?), is fine.  No need for any other color or images on the inserted tables/columns/cells, imo.   http://freepages.religions.rootsweb.ancestry.com/~florian/misc-churches-and-ministers/adams-county-pa-cemeteries.htm is what you are referring to right? I would add the county again for this: From The News Comet, East Berlin, PA, Dec. 7, 1934, pg5 (since there is a Berlin, Somerset County, PA, and some refer to that town as East & West; despite it being York Co., PA) We don't have The News Comet newspaper though (Only The Daily American).  But, people could get confused. I'd also suggest putting the title of The News Comet in ital. Just some ideas after receiving so many posts on this.  Thought you might like some feedback from one who actually checks/reads your site. Sorry, I can't be much help with the CSS code, but did find something that might help (which deals with grouping CSS selectors) Looks very similar to what others are saying to do? http://webdesign.about.com/od/cssselectors/qt/tipcssgroupsele.htm How to Group CSS Selectors Separate multiple grouped selectors in the style property by commas. In this example the style will affect the p and div elements: p, div { color: #f00; } Any form of selector can be grouped with any other selector. In this example, a class selector is grouped with an ID selector: p.red, #sub { color: #f00; } And you can group any number of selectors together. In this example, I've grouped four different selectors: p, .red, #sub, div a:link { color: #f00; } Any Selector Can be Grouped As you can see from the above examples, any valid selector can be placed in a group. And all elements in the document that match all the grouped elements will have the same style based on that style property. (Is the above what you need?) Just a 'troll' here, but still read/learn; and check, your wonderful and growing site! Kathie B. (Good Luck! and Thanks!) ________________________________ From: JFlorian <cageycat@gmail.com> To: "LIST_freepages-help@rootsweb.com" <freepages-help@rootsweb.com> Sent: Monday, September 23, 2013 1:08 AM Subject: Re: [FreeHelp] help with coding for 'background' within Nested Tables; Triple Borders Barry and Pat, I looked at the backups I did of religions.  It looks the same in those files (no comma).  So do I just put a comma after p so it's body, p, td ? I'm still not understanding about the background in the body, p, td { background: #C29381; -- Are you saying to just take out the background line altogether here? I need to get the table info straightened out next (above or put somewhere else in the css) because many pages use a 2 row; 2 cell table to hold a newspaper article and the typed text.  I want to start copying content... but want to make sure the ext css and template are as perfect as I can get it first.  The other styles had tbl css etc set separately but I couldn't make the markup work then.  So I'll need help on how to call the css for items in the content.  I remember a few things used on the other web, but I want to start relying on the css more now.  Is there a place I can copy what to use in the markup, to make a little cheat sheet for what markup to use? Judy ------------------------------- 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

Barry and Pat, I looked at the backups I did of religions. It looks the same in those files (no comma). So do I just put a comma after p so it's body, p, td ? I'm still not understanding about the background in the body, p, td { background: #C29381; -- Are you saying to just take out the background line altogether here? I need to get the table info straightened out next (above or put somewhere else in the css) because many pages use a 2 row; 2 cell table to hold a newspaper article and the typed text. I want to start copying content... but want to make sure the ext css and template are as perfect as I can get it first. The other styles had tbl css etc set separately but I couldn't make the markup work then. So I'll need help on how to call the css for items in the content. I remember a few things used on the other web, but I want to start relying on the css more now. Is there a place I can copy what to use in the markup, to make a little cheat sheet for what markup to use? Judy

body, p td { background: #C29381; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } ... will get you into trouble, because it wants to make the bgcolor of every table cell #C29381, which I suspect is not what you want. Barry === Barry, I see what you mean about the td. But I have no idea what the # should be there? especially with copying the css from a site that doesn't use the same images/colors. The original css had body, p td { background: #803240; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body img { border: 0px; text-decoration: none; } === #803240 was a deep maroon outer background used on religions, which is why I thought I should plug in the #C29381 there for family's color. I'm getting tired. But I had noticed on the _include for the template, a table I inserted changed to #C29381 in the Normal View but in Preview looked fine. So how do I fix the body, p td { background -- so it has the correct color? e.g. If it shouldn't pick up the page background color, what should it pick up when the content area is an image? Scratching head. Judy

Got it, thanks Pat and Barry. This is actually feeling fun. Of course, it won't be fun to change all those pages--ugh. Last question for tonight... With a dark outer border color like #C29381... and the very light innermost image used here ( http://freepages.family.rootsweb.ancestry.com/~florian/ ) then, what range should I aim for to name the middle border color, in case the image fails to load? I'm looking under Color Schemes here ( http://www.colorhexa.com/ddc4ba ) (half way down the page) that match #C29381. The #ddc4ba doesn't look too bad, but like I said all along, I'm a terrible interior designer so I want to ask whether I should go darker or lighter than #ddc4ba ? What do you think? Judy

Include both. I use the body img styles to keep hyperlinked images from having the ugly blue border. p At 07:06 PM 9/22/2013, you wrote: >Barry wrote: >The color you're looking for is #C29381 >===================================== > >Yessssssssssss! That's super close or exactly it. Thank you! > > >So if I still use the image, do I need to combine the two 'body' statements >below, or can I leave it like this? With the two statements left in, the >css still validates. >========================= */ >body { > background: url('marie/set1/butterscotch_p1.jpg'); >} >body, p td { >background: #C29381; >color: #000000; >font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; >} >body img { >border: 0px; >text-decoration: none; >} >/* ================== > > >Judy > >------------------------------- >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

Barry wrote: The color you're looking for is #C29381 ===================================== Yessssssssssss! That's super close or exactly it. Thank you! So if I still use the image, do I need to combine the two 'body' statements below, or can I leave it like this? With the two statements left in, the css still validates. ========================= */ body { background: url('marie/set1/butterscotch_p1.jpg'); } body, p td { background: #C29381; color: #000000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; } body img { border: 0px; text-decoration: none; } /* ================== Judy