Saturday Night Genealogy Fun – What’s Your Ancestral Name Number?

Today has been a very strange day. Now I am wide awake at 11pm and don’t know what to do with myself other then continue on the Cleanup Project. I decided to take some time out for some fun. Saturday Night Genealogy Fun to be exact!

Here are the “rules” as Randy Seaver at Genea-Musings laid them out:

  1. Determine how complete your genealogy research is.  For background, read Crista Cowan’s post Family History All Done? What’s Your Number?  For comparison purposes, keep the list to 10 generations with you as the first person.
  2. Create a table similar to Crista’s second table, and fill it in however you can (you could create an Ahnentafel (Ancestor Name) list and count the number in each generation, or use some other method).  Tell us how you calculated the numbers.
  3. Show us your table, and calculate your “Ancestral Name Number” – what is your percentage of known names to possible names (1,023 for 10 generations).
  4. For extra credit (or more SNGF), do more generations and add them to your chart.
  5. Post your table, and your “Ancestral Name Number,” on your own blog, in a comment to this post, or in a Facebook Status or Google+ Stream post.
My Ancestor Number Table
My Ancestor Number Table

To get my numbers, I created an Ahnentafel Report in FTM2012 and I counted the ancestors with known surnames. This means I didn’t give myself credit for the females who I don’t know surnames for. I was doing good until I got to my sixth generation back. Then by the time we get to the eighth generation the bottom has completely dropped out of my results.

The biggest reason for the drop off is all 10 of my known paternal 3rd great grandparents (generation 6) are immigrant ancestors. For this reason I’ve run into some challenges on finding some of their parents.

My Extra Credit
My Extra Credit

For the extra credit, I decided to see how far back I go and it isn’t much farther and the numbers just get lower! For this report, I also used my Original family file for this report. So these numbers might eventually go down even more or possibly go up!

All in all it was nice to see where I stand. It makes me motivated to get those blanks in the sixth generation filled in.

RMC: A little CSS tutorial

Before I jump into the most complicated part of the tutorial (in my opinion), I wanted to do a little bit of CSS learning. I don’t want to leave you in the dust by being too vague about CSS coding. My only hope is that I make things a little clearer instead of more confusing.

To get started it might be easier to take TNG out of the picture and just show you the basic purpose and functionality of CSS.

New File from Template Dialog Box (click for full size)
New File from Template Dialog Box (click for full size)
Resulting Blank HTML Page (click for full size)
Resulting Blank HTML Page (click for full size)

When I first open up my HTML Editing program, I can start a blank HTML document. I usually use this option because it will fill in all the important parts the browser needs to determine what exactly the page is trying to do.

The above example is a little more sparse then what I’m used to but it’s perfect for this example. This shows the structure of an HTML page.

  • html: This tag opens the page and tells the browser exactly what type of code it’s going to be interpreting.
  • head: The head tag is an important one. A lot of the behind the scenes work happens in the head tag. Our next step will be taking place there.
  • title: This is simply telling the browser what to display in the title bar of your browser.
  • body: This is the meat and potatoes of your website. You content is going to go here.
Adding a link to the stylesheet (click for full size)
Adding a link to the stylesheet (click for full size)

The highlighted section above shows how I link my separate stylesheet to my HTML page. Now whatever CSS coding I put in testpage.css will apply to whatever page is link to the stylesheet.

Now lets learn some of the more basic coding.

Some Basic CSS code (click for full size)
Some Basic CSS code (click for full size)

I used the ‘body’ tag as the example to show you that whatever CSS code I apply to the body tag in this file will apply to my HTML page to whatever is between the body tags.

The only exception to this is that the code will always use the most recent open tag.

For example:

body

div one

div two

/div two

/div one

/body

 

So using the example above you can set a default font size and color in your body tag. For me, my divs are usually one for content and one for a navigation menu. So if my div one is my content and I can set it to have a slightly larger font size or even just a different color. Now whatever I set the font at for div one will be for the whole thing until I either close the div tag or open a new one. It’s a heirarchy that once you realize what’s going on, it’s actually quite fun to mess around with… Well, as long as you remember which tag is which (why I leave notes) and then remember to close them (again with the notes).

Example CSS page (click for full size)
Example CSS page (click for full size)
Example HTML Page (click for full size)
Example HTML Page (click for full size)

Above I had two example pages. One is a CSS and the other an HTML. I  want to show exactly what divs are in a very visible way.

Test Page (click for full size)
Test Page (click for full size)

You can see the two different boxes in the example above. However we don’t call them boxes in CSS because boxes are something different that we aren’t getting into right now. Now lets play with the divs a little bit.

Next Example CSS (click for full size)
Next Example CSS (click for full size)
Next Example HTML (click for full size)
Next Example HTML (click for full size)
Example (click for full size)
Example (click for full size)

Now if I wanted the text at the bottom to be it’s own div and not wrapped around the other two, I could by creating another div.

Final HTML example (click for full size)
Final HTML example (click for full size)

As you can see, I nested another div into backbone of the site.

Final CSS example (click for full size)
Final CSS example (click for full size)

I made it the full size of the backbone, and I floated it to the right. I did this so that it will come out on the bottom of the longest section. If I had floated it to the left, it would have been covered by the right div.

Final Example Page (click for full size)
Final Example Page (click for full size)

Now on the example page you can see that the last paragraph has default back to the body tag style choices. Also, the gray background no longer goes behind it because there isn’t anything continuing the backbone div down the page. It is still open, but it doesn’t have anything to put a background on.

Today’s post was mainly to help set up the basics of what I’m trying to explain about CSS. I really recommend playing with CSS options on a few tutorial sites I love:

Previous RMC Posts:

  1. RMC: Part 1 is the Planning Stage
  2. RMC: Creating a Database and Installing TNG
  3. RMC: My Design Inspiration Sketch
  4. RMC: Programs You Might Need
  5. RMC: The Site Design Images- Part 1
  6. RMC: A Note on Things to Come
  7. RMC: New Plan and New Background
  8. RMC: Creating the New Banner
  9. The Test Website!

Disclaimer: Again I have to say that I’m not an expert. It’s possible I have no idea what I’m talking about. Everything I know about CSS and HTML I’ve taught myself over the years on an as needed basis. Feel free to ask me questions and I’ll try my best to answer them.