tables with html too big for page

Are you using these tables for purely data or for layout?

For data, I’d suggest using a plugin that adds tables to the visual editor, they need to be formatted in a certain way to work well in WordPress or the visual editor will mess with them.

If you are using them for layout, ditch ’em, use lists or divisions with CSS instead ??

Thanks,

This is just for images. Not sure how to write CSS up for php, nor how to insert into wp.
could you advise?

Try using divs, for example a simplistic “flowing” set of images:

<div id="my-images">
  <div style="margin:5px">
     <img src="your image" alt="alt-text" />
  </div>
  <div style="float: left; margin:5px">
     <img src="your second image" alt="alt-text" />
  </div>
  <div style="float: left; margin:5px">
     <img src="your third image" alt="alt-text" />
  </div>
</div>

etc...

That will display and wrap your images.

If your layout requires fixed columns/rows/etc then the <div>’s and style gets more complicated, but not by much. Google will provide your with more complex div layouts.

Oh, you should really put the div styles in your stylesheet, the above is just for an example.

I have found the plugin WP-Table Reloaded which I’d hoped would solve my problems. Is really easy to use and update, but this also slides under the right hand column. Is this a 2010 and 2010 weaver problem?

Jay, can you post a link to the page you are having problems with?

The home page – might change the home page to the blog as this looks awful.

https://sharpartonline.com/

Thanks for the div, suggestion. When I tried that simple e.g. it through the side menu to the bottom of the page! Could see the pics but had no menu!

The writing stays withing the “Main container” it’s just anything in a table that isn’t recognised.

Thanks for all your suggestions.

Whoops, I had a chevron missing from the Div e.g. – that’s why the menu moved!
DIV worked better – I will play around with this.

thanks

I’m still not having any joy. How do i put code into the style sheets. I’ve been over to Twentyten weaver and found extra ‘table’ code to add – which I’ve done – they are showing up in editor.But I don’t know how to make that effect the page or posts.
I put this in to the head – as directed…
#content table {
border: 1px solid #e7e7e7;
text-align: left;
margin: 0 -1px 24px 0;
width: 100%;
}
#content tr th,
#content thead th {
color: #888;
font-size: 12px;
font-weight: bold;
line-height: 18px;
padding: 9px 24px;
}
#content tr td {
border-top: 1px solid #e7e7e7;
padding: 6px 24px;
}
#content tr.odd td {
background: #f2f7fc;
}

Do I need to use a specific term on the post or page in the HTML tab for it to work???

This is what I did, go into 2010style.css, and go to #content tr td. In there you will find a style “padding: 6px 24px;”, either comment it out or delete it then save it and presto!

Thanks,

Aaron