Good Afternoon, Jennifer, As I usually do, I've made a local copy of your page and modified it as I came across the problems. The result is essentially a "patch" without going back to the root cause of any problem. The page I have worked on is at:- http://countjustonce.com/test/jen-mck.html ... I suggest you download and save it, and check through it for the changes I have made. If you look at the top of the page, you will note that it is now HTML5 and /> has been replaced with > throughout. To make it validate as HTML5, there are some minor issues to fix, e.g. the image sizes should be declared either as inline styles - style="width:300px;height:150px" or better still, add a class to each of those images and place the styles in the CSS. Happy to help, and just ask if you run into other problems. Regards Barry ------------------------ On 22/11/2015 06:15, Jennifer McKemie via wrote: > Good Morning, Barry! > > The centering of that image in the center has frustrated me. I added > the > details you sent, but it pushes it back to the left. I have fussed > with > this one so much. I don't have any details about the image size and > such, > you notice? When I add them, it pushes it to the left. I'm not > understanding this one AT ALL. > > Thank you for the explanations and finishing touch for the search > box. Not > gonna lie, that one thrills be to bits. :) > > Jen >

Jennifer, The <a> link needs to be around the <img> tag, and the <figure> tag is the outer container. I also noted a similar problem associated with the email image; though this was caused by line-breaks between the <a> and <image> tags. Just put them inline to fix it. While on the subject of the images, I noted some odd behaviour, i.e. the right side becoming hidden when a:hover {transform:scale(1.1)} came into play. But I'll start by suggesting you remove the <center></center> tags from around the first <div class="col1"> and replace as below:- <div class="colmask threecol"> <div class="colmid"> <div class="colleft"> <div class="col1" style="text-align:center"> In the styles add after img:hover - a.two img { margin-left:-25px; } ... this will correct the existing right-hand offset of images. Now, go back down to your email image tag and change the content to:- <p><a class="two" href="mailto:[email protected]"><img src="http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/graphics/mckonsgmail.png" style="width:300px;height:50px;margin:5px 10px -10px 15px" title="Drop me an email to say hi!"></a> ... which will position the image correctly. If you want to, try adding after the #search CSS, the following:- #search:hover { background:#669594; } ... the color I chose is that of the center image text, to differentiate the Search Box from the links on the same line. Barry --------------------- On 21/11/2015 13:50, Jennifer McKemie via wrote: > > And the little lines between, that was because the anchor needed to > be > before the figure? (the figure is a container? is that the right > term? is > this why?)..that's good to know. I won't make that mistake again. >

Good Morning, Barry! The centering of that image in the center has frustrated me. I added the details you sent, but it pushes it back to the left. I have fussed with this one so much. I don't have any details about the image size and such, you notice? When I add them, it pushes it to the left. I'm not understanding this one AT ALL. Thank you for the explanations and finishing touch for the search box. Not gonna lie, that one thrills be to bits. :) Jen On Fri, Nov 20, 2015 at 9:34 PM, Barry Carlson via < [email protected]> wrote: > Jennifer, > > The <a> link needs to be around the <img> tag, and the <figure> tag is > the outer container. > > I also noted a similar problem associated with the email image; though > this was caused by line-breaks between the <a> and <image> tags. Just > put them inline to fix it. > > While on the subject of the images, I noted some odd behaviour, i.e. > the right side becoming hidden when a:hover {transform:scale(1.1)} came > into play. But I'll start by suggesting you remove the <center></center> > tags from around the first <div class="col1"> and replace as below:- > > <div class="colmask threecol"> > <div class="colmid"> > <div class="colleft"> > <div class="col1" style="text-align:center"> > > In the styles add after img:hover - > > a.two img { > margin-left:-25px; > } > > ... this will correct the existing right-hand offset of images. > > Now, go back down to your email image tag and change the content to:- > > <p><a class="two" href="mailto:[email protected]"><img > src=" > http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/graphics/mckonsgmail.png > " > style="width:300px;height:50px;margin:5px 10px -10px 15px" title="Drop > me an email to say hi!"></a> > > ... which will position the image correctly. > > If you want to, try adding after the #search CSS, the following:- > > #search:hover { > background:#669594; > } > > ... the color I chose is that of the center image text, to > differentiate the Search Box from the links on the same line. > > Barry > --------------------- > On 21/11/2015 13:50, Jennifer McKemie via wrote: > > > > > And the little lines between, that was because the anchor needed to > > be > > before the figure? (the figure is a container? is that the right > > term? is > > this why?)..that's good to know. I won't make that mistake again. > > > > > ------------------------------- > To unsubscribe from the list, please send an email to > [email protected] with the word 'unsubscribe' without > the quotes in the subject and the body of the message > -- Jennifer McKemie www.mckemie.org

Hi Jennifer, You have certainly been busy in creating a professional looking page. I like the muted tones. The Google Search Box can be included as the last item in the list, e.g. <li id="search"><span> <script> (function() { var cx = '016502207605957074646:kbbydb_ba1u'; var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true; gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//cse.google.com/cse.js?cx=' + cx; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s); })(); </script> <gcse:searchbox-only></gcse:searchbox-only> </span> </li> ... and the associated styles are:- /* Changes to Google Search Box */ #search { background:#eee; width:300px; height:43px; float:right; } #search span { display:block; margin:6px 5px -6px 5px; } The spaces in the icons showing at the bottom of the page are caused by the mark-up. Easily fixed by changing to:- <figure> <a href="#"> <img src="" alt=""> </a> </figure> I'll have a look at the other issues shortly, Barry ------------------------- On 21/11/2015 04:43, Jennifer McKemie via wrote: > Hi, > > I revamped my portal page and pretty much have done so through lotsa > cut > and paste and trial and error and Google is my very best friend. > However, I > cannot figure out how to fix two bothersome details. > Second, at the bottom of the page are these tiny little lines between > the > social media icons. I think they are residue from the padding? I > don't > know, but I like how the icons are laid out, so left the formatting > that > really was designed to go with images with captions, even though it > kinda > doesn't "fit" the way I've used it. So, can some lovely soul explain > why > these lines are there and then maybe teach me how to get rid of them?

Barry! Thank you so much for you kind words about the page. To be honest, I love learning this stuff, though I think I am a perpetual "beginner". Its amazing to me that a few letters and numbers can turn a blank screen into something so very useful. Anyway.. I had absolutely NO IDEA I could make that search script into a <li>. That is fantastic. Thank you, its exactly how I wished it would look. And the little lines between, that was because the anchor needed to be before the figure? (the figure is a container? is that the right term? is this why?)..that's good to know. I won't make that mistake again. Thank you again for your kind words and efforts on my behalf. Jen On Fri, Nov 20, 2015 at 3:57 PM, Barry Carlson via < [email protected]> wrote: > Hi Jennifer, > > You have certainly been busy in creating a professional looking page. I > like the muted tones. > > The Google Search Box can be included as the last item in the list, > e.g. > > <li id="search"><span> > <script> > (function() { > var cx = '016502207605957074646:kbbydb_ba1u'; > var gcse = document.createElement('script'); > gcse.type = 'text/javascript'; > gcse.async = true; > gcse.src = (document.location.protocol == 'https:' ? 'https:' : > 'http:') + > '//cse.google.com/cse.js?cx=' + cx; > var s = document.getElementsByTagName('script')[0]; > s.parentNode.insertBefore(gcse, s); > })(); > </script> > <gcse:searchbox-only></gcse:searchbox-only> > </span> > </li> > > ... and the associated styles are:- > > /* Changes to Google Search Box */ > #search { > background:#eee; > width:300px; > height:43px; > float:right; > } > #search span { > display:block; > margin:6px 5px -6px 5px; > } > > The spaces in the icons showing at the bottom of the page are caused by > the mark-up. > > Easily fixed by changing to:- > > <figure> > <a href="#"> > <img src="" alt=""> > </a> > </figure> > > I'll have a look at the other issues shortly, > > Barry > > ------------------------- > On 21/11/2015 04:43, Jennifer McKemie via wrote: > > Hi, > > > > I revamped my portal page and pretty much have done so through lotsa > > cut > > and paste and trial and error and Google is my very best friend. > > However, I > > cannot figure out how to fix two bothersome details. > > > Second, at the bottom of the page are these tiny little lines between > > the > > social media icons. I think they are residue from the padding? I > > don't > > know, but I like how the icons are laid out, so left the formatting > > that > > really was designed to go with images with captions, even though it > > kinda > > doesn't "fit" the way I've used it. So, can some lovely soul explain > > why > > these lines are there and then maybe teach me how to get rid of them? > > > ------------------------------- > To unsubscribe from the list, please send an email to > [email protected] with the word 'unsubscribe' without > the quotes in the subject and the body of the message > -- Jennifer McKemie www.mckemie.org

Hi, I revamped my portal page and pretty much have done so through lotsa cut and paste and trial and error and Google is my very best friend. However, I cannot figure out how to fix two bothersome details. One, the search box on the upper right. I very much want it in line with the line of text above it, and while its likely to be a simple bit of code, it is escaping my meager understanding. Better would be for it to be on the line with the tab menu, in that white space, justified to the right. Mine (bad): Screenshot <https://i.imgur.com/jh4P7xX.png> https://i.imgur.com/jh4P7xX.png What I'm attempting to reproduce (good): Screenshot <https://i.imgur.com/8MQsz0d.png> https://i.imgur.com/8MQsz0d.png Second, at the bottom of the page are these tiny little lines between the social media icons. I think they are residue from the padding? I don't know, but I like how the icons are laid out, so left the formatting that really was designed to go with images with captions, even though it kinda doesn't "fit" the way I've used it. So, can some lovely soul explain why these lines are there and then maybe teach me how to get rid of them? Screenshot <https://i.imgur.com/C9wpWCV.png>of the spot I'm talking about. ( https://i.imgur.com/C9wpWCV.png) I guess I could do an old school table to achieve the layout I'm after, but here, I'm trying to better understand, more than just make it go away :) The page in question is http://freepages.genealogy.rootsweb.ancestry.com/~mckemie/test_boxes.html Some additional thoughts/comments (just throwing these out there)...I know this is probably not optimized for multiple browsers or tablets and that is on the to-do list. I work on a really large monitor, which probably doesn't help matters when it comes to universal application. Any suggestions in this department would be welcome, too. For instance, a good tutorial, etc, that I can explore? Also, is there such a thing as a test site that examines the css and ascertains if its being used? I used a free layout template and I'm not certain I'm using all the assorted bits and pieces. It'd be amazing to have an ezpz way to look at it and see something like "This div container is not being used" etc. I'd welcome a general critique, too, from a genealogy/tech perspective for improving the appearance and functionality. I feel like this is my rough draft and I'm ready to fine tune it to be better. Thanks for your time! Jen P.S. Pat Geary & Pat Asher & Barry Carlson, SUPER glad to see you're all still active. Years ago you guys saved me a million times over and I'm so grateful. -- Jennifer McKemie www.mckemie.org My family coat of arms ties at the back....is that normal?

Unsubscribe Sent from my iPhone > On Nov 13, 2015, at 2:01 AM, [email protected] wrote: > > > > When replying to a digest message, quote only the specific message to which you are replying, removing the rest of the digest from your reply. Remember to change the subject of your reply so that it coincides with the message subject to which you are replying. > ***FREEPAGES HELP & FAQ*** > &lt;http://helpdesk.rootsweb.com/FAQ/fpindex.html> > > > Today's Topics: > > 1. Re: Photographs not appearing (JFlorian) > > > ---------------------------------------------------------------------- > > Message: 1 > Date: Thu, 12 Nov 2015 07:29:37 -0500 > From: JFlorian <[email protected]> > Subject: Re: [FreeHelp] Photographs not appearing > To: Dana Van Wormer Schreder <[email protected]>, > "[email protected]" <[email protected]> > Message-ID: > <[email protected]om> > Content-Type: text/plain; charset=UTF-8 > > Hi Dana, > > If I may suggest... I just went through a year of cleaning up my website. > Though browsers can read Mixed_Case file names, it is SO much easier to > keep everything in lowercase including file extensions. > > Many editors have a setting that auto converts your CODE link to > lowercase. But it doesn't change the file name or extension. So I had > file links like > mom.jpg but the file was mom.JPG > > Many Link checker programs expect all lowercase too. Plus if the link and > file don't match, the link will be "broken" anyway. > > So I suggest taking a few days and look at every file name. Change to > lowercase.jpg and correct links to lowercase too. > > It was no fun that I kept adding to my site for about 6 years...and then > stopped to finally fix these pesky issues. By then, took me many months to > find and fix all the little things. > > Oh, and Xenu link checker is wonderful because it will bring every CaSe > mistake to your attention. > > Judy > > > ------------------------------ > > To contact the FREEPAGES-HELP list administrator, send an email to > [email protected] > > To post a message to the FREEPAGES-HELP mailing list, send an email to [email protected] > > __________________________________________________________ > To unsubscribe from the list, please send an email to [email protected] > with the word "unsubscribe" without the quotes in the subject and the body of the > email with no additional text. > > > End of FREEPAGES-HELP Digest, Vol 10, Issue 237 > ***********************************************

Hi Dana, If I may suggest... I just went through a year of cleaning up my website. Though browsers can read Mixed_Case file names, it is SO much easier to keep everything in lowercase including file extensions. Many editors have a setting that auto converts your CODE link to lowercase. But it doesn't change the file name or extension. So I had file links like mom.jpg but the file was mom.JPG Many Link checker programs expect all lowercase too. Plus if the link and file don't match, the link will be "broken" anyway. So I suggest taking a few days and look at every file name. Change to lowercase.jpg and correct links to lowercase too. It was no fun that I kept adding to my site for about 6 years...and then stopped to finally fix these pesky issues. By then, took me many months to find and fix all the little things. Oh, and Xenu link checker is wonderful because it will bring every CaSe mistake to your attention. Judy

At 08:53 AM 11/11/2015, you wrote: >I have transferred my genealogy society's website to RootsWeb. The page >about researching in the Toledo, Ohio, area has photographs I took >attached. They show up fine when I proof the page on my computer, but >after uploading, only the 1st and final ones appear (which are maps). Is >it against policy to use photographs? The page in question is >http://www.rootsweb.ancestry.com/~toags/toledo.htm. The web is caSe SEnsiTiVe. You have uploaded files named turkeyfoot.JPG and seagate1.JPG. But you have written your links to files named turkeyfoot.jpg and seagate1.jpg. Change the file names to match the links; or change the links to match the file names. Pat A.

Double check and make sure you have uploaded the images and that the path to the image file is correct in your html code. Also file names car Case sensitive. pat -----Original Message----- From: [email protected] [mailto:[email protected]] On Behalf Of Dana Van Wormer Schreder via Sent: Wednesday, November 11, 2015 8:54 AM To: [email protected] Subject: [FreeHelp] Photographs not appearing I have transferred my genealogy society's website to RootsWeb. The page about researching in the Toledo, Ohio, area has photographs I took attached. They show up fine when I proof the page on my computer, but after uploading, only the 1st and final ones appear (which are maps). Is it against policy to use photographs? The page in question is http://www.rootsweb.ancestry.com/~toags/toledo.htm.

I have transferred my genealogy society's website to RootsWeb. The page about researching in the Toledo, Ohio, area has photographs I took attached. They show up fine when I proof the page on my computer, but after uploading, only the 1st and final ones appear (which are maps). Is it against policy to use photographs? The page in question is http://www.rootsweb.ancestry.com/~toags/toledo.htm.

On 10/11/2015 16:17, Nancy_J via wrote: > > Good morning - Good evening :) > I am working on a site with WordPress and will need an add on for membership > login where every member will have their own login and password. > > Has anyone done this with WordPress? I'm on a few sites that are either Wordpress or Wordpress hosted. It seems to work on the basis that people those subscribed can post but all messages are moderated. Ask on Wordpress's own forum. Someone there should be able to tell you how to set it up. -- Charani (UK) OPC for Walton, Ashcott, Shapwick, Greinton and Clutton, SOM http://wsom-opc.org.uk

Thanks, I did know that but I thought I had seen a conversation on WordPress, it must have been a different list. Sorry about that.   Nancy Nancy Janyszeski [email protected] From: Patricia Geary <[email protected]> To: 'Nancy_J' <[email protected]>; [email protected] Sent: Tuesday, November 10, 2015 11:22 AM Subject: RE: [FreeHelp] WordPress - Membership Add in Since you cannot host a WordPress site on any of the RootsWeb servers, I am not sure this is the best place to ask that question. -----Original Message----- From: Nancy_J via [mailto:[email protected]] Sent: Tuesday, November 10, 2015 11:18 AM To: [email protected] Subject: [FreeHelp] WordPress - Membership Add in Good morning - I am working on a site with WordPress and will need an add on for membership login where every member will have their own login and password. Has anyone done this with WordPress? ~ Nancy     

Since you cannot host a WordPress site on any of the RootsWeb servers, I am not sure this is the best place to ask that question. -----Original Message----- From: Nancy_J via [mailto:[email protected]] Sent: Tuesday, November 10, 2015 11:18 AM To: [email protected] Subject: [FreeHelp] WordPress - Membership Add in Good morning - I am working on a site with WordPress and will need an add on for membership login where every member will have their own login and password. Has anyone done this with WordPress? ~ Nancy

Good morning - I am working on a site with WordPress and will need an add on for membership login where every member will have their own login and password. Has anyone done this with WordPress? ~ Nancy

Ronald, I empathize. To get your password again, try Password Central: http://passwordcentral.rootsweb.ancestry.com/. Then, copy it as sent and paste into the appropriate place. (Be sure not to paste any extra spaces.) Billie and Judy are correct to point out that a botnet infection isn't just your problem; it's everybody's. It can be used to do great evil, like crashing other websites with a DDOS attack. In addition to their advice, I have a few other suggestions: 1. Get a good anti-malware program, in addition to your anti-virus. (Malwarte Bytes is an example.) Keep its database updated, do regular scans and follow its suggestions as to deleting or quarantining unwanted programs. 2. Take your computer to a professional. Most don't charge very much and are worth the money. 3. Be wary of "free" software; often, the real costs are hidden. Download software only from trusted sources. (Then scan it for malware.) 4, Be wary of those phishing e-mails, the ones that consist mostly of a link like www.i_will_take_over_your_computer_and_destroy_it.com. ('Course they won't say it up front.) ------------------------------ Date: Fri, 30 Oct 2015 13:14:24 +0000 From: Ronald Mesnard <[email protected]> Subject: [FreeHelp] Trying to access an old account To: "[email protected]" <[email protected]> Message-ID: <[email protected]> Content-Type: text/plain; charset="iso-8859-1" My account is redmurdock. I have the password but it didn't work. The first and last letters should be s-a. I stopped editing my pages when it was clear to me I had at least 1 botnet on my computer I couldn't permanently remove. I have access to a secure computer right now and there are links that are wrong and text I would like to improve. I would appreciate allowing me to access that account with the old password. I can't trust that this account is secure since I need to use it on an unsecure (spied on) computer. How can I be sure? I am locked into a specific modem/router by my ISP. The firmware that is supposed to be updatable is not. My conclusion the firmware was updated by a hacker smart enough make updatable firmware readonly. The firmware provides a man-in-the-middle situation.

Hi List, I was busy organizing a HTML5 video script and decided it to have the video div auto center & middle on the page. Previously I had resorted to using a Table, or a Javascript solution to achieve this, but then remembered there was a new CSS flexbox solution. Not so new, as its been round for about 3 years, though with vendor prefixes to the CSS. Well it is now universally supported by all browsers, and the following example shows how it is done:- http://countjustonce.com/test/auto-center.html .... and the CSS is:- html { height:100%; } body, h1 { display: flex; align-items: center; justify-content: center; margin: 0; height: 100%; } body { background: #aaa; } #content { width: 720px; height: 306px; border: solid 3px #c00; background: #fff; border-radius: 15px; } .... and the HTML is:- <div id="content"> <h1>I'm always centered</h1> </div> Yes, the odd dimensions of the #content div are cinema-scope 2.35:1. Barry

Also on RW /freepages PW, make sure not to copy in a space. If a PW is WeXxPwPw it must be typed exactly like that. Not wexxpwpw Not (space)wexxpwpw Not wexxpwpw(space)

For the infected computer.... Go to www.bleepingcomputer.com and post your problem. They will post back, giving you programs to download to diagnose and repair your computer. You will need to be ON the bad computer to do this. Follow their instructions for each step. Make SURE you stay in contact every day with bleeping so they don't close your topic as abandoned. Good: It is free. Good: They try their best to not mess up your computer. Good: They are computer smart. Good: You've got nothing to lose. IF you have certain routers (Netgear is one) they are prone to hackers (Google "router types prone to hacking). Hackers can change router IPs (the numbers) on 3 types of routers. You'll need to call your Internet Provider and get your 2 legitimate IP numbers. Then, reset the router to factory settings---important---do not skip this part. Then, enter the legit IP numbers. Next use a 64 bit encrypted password on the router. I haven't had an attack since. But you must, must, must put it to factory settings first, then protect it with a strong encrypted pw. They can't get back in. Judy

My account is redmurdock. I have the password but it didn't work. The first and last letters should be s-a. I stopped editing my pages when it was clear to me I had at least 1 botnet on my computer I couldn't permanently remove. I have access to a secure computer right now and there are links that are wrong and text I would like to improve. I would appreciate allowing me to access that account with the old password. I can't trust that this account is secure since I need to use it on an unsecure (spied on) computer. How can I be sure? I am locked into a specific modem/router by my ISP. The firmware that is supposed to be updatable is not. My conclusion the firmware was updated by a hacker smart enough make updatable firmware readonly. The firmware provides a man-in-the-middle situation.