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