Table Footer

  • Hello,

    This pertains to the desktop view of my website. I planted table at the footer of the design. My only issue with it is that I can’t get the content inside the table itself to align with the rest of the design. I’ve messed around with padding but it doesn’t give me the desired look. I make the widths of each row larger and this seems to work, but it stretches the table to the point where it starts needing the use of scrolling.

    I’ll post my code for the tables later on as I am away from my computer but if anyone can give some tips I’d appreciate it!

    – Driux

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)

  • Hello there!

    What kind of content are you putting inside that table, and when you say table, do you mean a <table> HTML tag?

    There are other methods that are much more sustainable to do this in WordPress, for example a plugin called Podamibe Simple Footer Widget Area that you can give a try.

    Let me know if this helps you to solve the issue.

    Thread Starter driux

    (@driux)

    Yes I meant <table> sorry I should’ve clarified. You know what that plugin might do the trick instead of me messing with the actual footer I’ll give it a try!

    Thread Starter driux

    (@driux)

    That plug in does not seem to work correctly for me. I implemented footers on my theme to enable the the plugin and it’s fairly basic footer addition with not much customization which I need it to have.

    • This reply was modified 6 years, 5 months ago by driux.
    Thread Starter driux

    (@driux)

    Sorry for the triple posting I can’t edit my previous posts. Here’s the code incase anyone wants to check it out

    <td class="centered-cell">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td width="100%" height="20"></td></tr>

<tr valign="top" bgcolor="#F6F5EB">
<td>

<table width="910" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#F6F5EB">
<tr valign="top">
<td width="910" height="20">
</td>
</tr>

<tr valign="top">
<td width="910" height="90">
<table width="910" align="center" border="0" cellpadding="0" cellspacing="0" bgcolor="#F6F5EB">
<tr valign="top" width="910">

<td width="185" height="90">
<br>
	<center><a href="https://kingdomhearts.be/#"><img src="https://kingdomhearts.be/wp-content/uploads/2018/05/Sora_3_Art_KHII.png" border="0"></a></center>
	

</td>

<td width="1" height="90" bgcolor="#A09671">
</td>

<td width="520" height="90">
<br><div class="footer-style">
&copy; 2018 KH JUNKIES. All Rights Reserved. <br>
KINGDOM HEARTS artwork, characters, merchandise, <br>and music is copyrighted to Square Enix and Disney. We are in no way affilaited with Square-Enix.
</div>
<td width="1" height="90" bgcolor="#A09671">
</td>
<td width="293" height="90">
<br><div class="footer-indent">
<a href="https://www.facebook.com/khjunkies/"><img src="https://kingdomhearts.be/wp-content/uploads/2018/05/iconmonstr-facebook-4-48-1.png" border="0"></a>	
<a href="https://twitter.com/khjunkies"><img src="https://kingdomhearts.be/wp-content/uploads/2018/05/iconmonstr-twitter-4-48.png" border="0"></a>
<a href="https://www.instagram.com/khjunkies/"><img src="https://kingdomhearts.be/wp-content/uploads/2018/05/iconmonstr-instagram-14-48.png" border="0"></a>
<a href="https://www.youtube.com/channel/UCuDrREQcu6e6QKwSDiIgkXA?view_as=subscriber"><img src="https://kingdomhearts.be/wp-content/uploads/2018/05/iconmonstr-youtube-4-48.png" border="0"></a>
</div>
</td>
</tr></table>

</td>
</tr>

<tr valign="top">
<td width="910" height="20">
</td>
</tr>

</td>
</tr>
</table>

    I will recommend you to use a plugin called Magic Liquidizer Responsive Table that will help you to make responsive (adaptable) HTML tables desing.

    Give this a try and tell me about your experience with it.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Table Footer’ is closed to new replies.