Table Won't Fit

You need to reduce the size of the images you are using in your table.

Or, you can reduce them manually by adding some styling to each image. For example, your first image in the table on the right.

Instead of this:

<img width="280" height="211" alt="" src="https://www.theleastamongus.org/images/work/guadalupe2.jpg" title="Thank you Banner" class="alignleft">

Use this:

<img style="width:280;height:211px;" alt="" src="https://www.theleastamongus.org/images/work/guadalupe2.jpg" title="Thank you Banner" class="alignleft">

Then, do that for each one of your images in the table… adjusting the width and height sizes if needed.

thanks, that seems to be working, but the text cell is still acting up. could you take a look at it?

Try replacing your entire table code with this one:

<table style="width:100%;">
<tbody><tr><th colspan="2">
<h3>Two Classrooms at Centro Escolar Nuestra Senora de Guadalupe.</h3>
</th></tr><tr>
<td style="text-align: left; width:50%; vertical-align:bottom;">Special thanks to the students, faculty, and staff at JSerra High Schoolin San Juan Capistrano, CA for their hard work and generosity on this project!</td>
<td style="text-align: left; width:50%;"><img alt="" src="https://www.theleastamongus.org/images/work/guadalupe2.jpg" title="Thank you Banner" style="width: 280; height: 211px;" class="alignleft"></td>
</tr><tr>
<td style="text-align: left; width:50%;"><img alt="" src="https://www.theleastamongus.org/images/work/guadalupe2.jpg" title="Thank you Banner" style="width: 280; height: 211px;" class="alignleft"></td>
<td style="text-align: left; width:50%;"><img alt="" src="https://www.theleastamongus.org/images/work/guadalupe2.jpg" title="Thank you Banner" style="width: 280; height: 211px;" class="alignleft"></td>
</tr></tbody></table>

thanks that works great, I had tried using 100% width before but i guess i did it wrong…
thanks so much!

My pleasure.

When working with tables… I noticed you used…

<table width="..." height="...">

Instead, try using inline styles...

<table style=”width:…;height:…;”>

EDIT: Please mark thread as resolved.

i’ve been noticing that, what exactly is the difference?
is one CSS and the other HTML or something?

Yeah, kinda. Tables are “wonky”.

The absolute best method is to use some custom css to apply for your tables. So that it is pulled from the stylesheet.

Adding inline styles (thousands of them) can slow a site. But adding a million to your stylesheet will still load much faster.

But, you have so little content (not a huge IBM site or anything), that you will be fine using inline styles when needed.

Right
Now this is a little off topic, and I hope I’m not imposing, but but I’ve also read about child themes. Would this be something that I could set up in my theme’s child theme? If so, would it be to my advantage?

Also, I used the same theme for another site: aoccs.org but I made a few minor changes to the style.css, not to the included child theme and I’m worried that when we update WP it will mess everything up…

but I’ve also read about child themes. Would this be something that I could set up in my theme’s child theme? If so, would it be to my advantage?

Setting up a child theme is ALWAYS a good idea. And yes.. you can add any custom css to your child theme. So, you could define your table attributes there.. and they will be used for ALL tables you make… unless you setup multiple table classes.

aoccs.org but I made a few minor changes to the style.css

Well, there are some programs out there which let you take two files and compare them to check code that has been changed. If you don’t remember the changes you made to the original stylesheet.. then I would definitely recommend this option.

I don’t have the name of one off-hand. So you’ll need to Google. If you have trouble.. let me know and I’ll see if I can find one.

Thank you very much!

Thank you very much!

speaking of tables!

I have started working with tables css in the stylesheet, but my tables seems to be dropping down on the page even if I′m using the same coding as I did inline.

With inline I get the right spacing between menu and table:
MENU
Table

with stylesheet css I get the wrong spacing
MENU

Table

any tip?
Sorry my really bad explanation

icronox.com

icrx