Puzzle: table in footer vs html page?

Have you validated the code and compared them side by side in Firebug? That’d be my first steps…

But I’m not sure why you’re using a table? That’s really considered outdated/bad practice for layout…

Hi WPyogi, yes as a test I placed a basic table in the footer.php file and it rendered properly…but a table with sliced images as exported from Photoshop does not (within the .php footer…within its exported html file it looks fine).

(My reason for using a table is just because that’s what Photoshop exported after slicing up the image…I’d be open to alternatives but thought dropping the table with sliced images into footer.php would be a quick simple process…any thought as to what might be happening to the table when placed in a .php file?)

thanks

I really don’t know much about PS – but since that’s the variable that changes it, that seems like the place to look…perhaps it adds formatting of some sort? You might want to ask on a PS forum?

the variable may be wordpress? since the table in a php file displays perfectly:

https://factualfiction.com/marsartists/wp-content/themes/twentytwelve-child/footer_test.php

…but when cut and pasted into the footer.php file of a twentytwelve-child theme it becomes mixed up?

https://marsartists.factualfiction.com (bottom of page)

complete loss as to what is causing this…sorry…

thanks for the help!

Using Firebug – turning off all the twentytwelve CSS being applied to the table fixes it…in particular the margin and vertical align set on line 55 in the parent CSS.

thanks WPyogi! this is the most progress I’ve made in two days : ) seriously grateful…shesh : )) thank you!

ok, now though when margin and vertical align are turned off there are still slight horizontal spaces across the table (most easily seen in the lower left corner for the 09 graphic)…how can this be corrected and how can margin and vertical align be knocked out in CSS if margin is already zero and vertical align is baseline?

thanks again, super appreciative…at wits’ end

Your site seems to be acting weird – I can’t get Firebug to show changes without crashing the CSS, but try this:

footer {
   vertical-align: none;
   margin: none;
}

footer[role="contentinfo"] {
    line-height: 1;
}

You might need to put it in a media query – not sure.

Never would have thought using a table of sliced images could be this frustrating… : )

Day three…still not working, though it improved a bit using your CSS.

Still at a loss as to how to fix this…thank you for your time, very much appreciated…(had expected this to be easy…like a cut and paste 2 minute job : )

thanks again

(what is a ‘media query’?)

Check on the CSS errors in that file.

https://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fmarsartists.factualfiction.com%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

You have media queries in there already – try this:

@media screen and (min-width: 600px) {

footer {
   vertical-align: none;
   margin: none;
}

footer[role="contentinfo"] {
    line-height: 0;
}
}

Extremely sorry to have taken your time with this (and very grateful for your patience and help)…started from scratch by coding an image map in dreamweaver. Done. 4 days later : )

Oh my, well, sorry we couldn’t get that worked out – it was actually kind of amazing how “bad” that code was from PS – lots of deprecated CSS? Weird.

But bottom line – very happy you got it sorted one way or another – I was actually wondering about it earlier today. Thanks for closing this one out :). And really, you’ve done an amazing job on the site.

Thanks again for your WPyogi! just saw your kind words (had to take a break from the site)

cheers