Need help? Check out our Support site, then


Tables used in Twenty Eleven...

  1. @ Panos... Is there a work-around to hide the lines? The blog is in its infantcy as yet...

    The blog I need help with is wombrageandsugarplumfairie.wordpress.com.

  2. You have to specify border:0 none for the table, and for each of the cells:

    <table style="border:0 none;" border="0" cellspacing="0" cellpadding="0">
    <tbody>
    <tr>
    <td style="border:none;">TEXT</td>
    <td style="border:none;">TEXT</td>
    </tr>
    </tbody>
    </table>
  3. Thank you 1Tess, it works a charm......I've buggered it all up but I'll get there :)

  4. You are welcome.

    If you are switching between the html and visual editors, sometimes, for no reason I can explain, WordPress will eliminate the "border:0 none" code.

    Let us know if you need more help!

  5. I all is good except the chocolate one is above the rest they are all none aligned? Thank you for your patience x

  6. Thank you so very much 1tess x

  7. Good. Looks fine now.

    Sometimes (especially if pictures or text is not all the same height) I add
    vertical-align:middle;
    to the td style.

  8. Hi there. Vertical Align is again driving me crazy.... in Twenty Eleven this time.

    I am trying to align 2 cells in the same row on the bottom or the baseline and I just seem to be able to.... After seeing this forum post, I wrote:

    < td style="vertical-align:bottom;" > without the spaces of course, and it didn't work, the graphic keeps going above 10 kms above the text! I am trying to do this for a footer widget, but it doesn't work in a page either.

    Can you help me please? (I know I am doing something wrong, but I don't know what).

  9. Correction, the second paragraph should be:

    I am trying to align 2 cells in the same row on the bottom or the baseline and I just don't seem to be able to.... After seeing this forum post, I wrote:

  10. Link to the post or page in question please.

  11. Sorry, it was a test/private blog, I'll open it for a while. The table is in the footer widget.

  12. Modified code:

    <table style="border:none;padding:0;">
    <tr>
    <td style="vertical-align:bottom;padding-right:10px;">
    <img style="margin-bottom:-3px;" src="http://mqtestsite.files.wordpress.com/2011/07/logo-2010.jpg" alt="Solidaridad logo" width="150" />
    </td>
    <td style="vertical-align:bottom;">Calle Leopoldo Navarro N° 61, Edificio San Rafael, 6to. Nivel, Ensanche Miraflores
    Santo Domingo, República Dominicana
    Tel. (809) 534-2105 | Fax: (809) 689-8855 | contacto@solidaridad.gob.do</td>
    </tr>
    </table>
  13. Or do you want line breaks after "Miraflores" and "Dominicana"?

  14. Plus I am confused as to the image size: you had inserted a 150px wide version of the image at a width of 93px. Which one of the two do you want?

  15. Wow! It worked like a charm! Thank you SO much, Panos!

    As I said, it is a test blog, the text is not final yet. Regarding the image width, 93-95 is fine, it is just I wasn't sure if I should get rid of the automatic WP code or not. Now I can see I can. I would have never thought of the "-3px" trick! Thank you thank you thank you!!!

  16. You're welcome!
    The negative margin is just for fine-tuning. The main problems were the other stuff I pruned or changed.
    By the way, you'll get better image quality if you create a thumbnail version of your image in an image editing application, upload that version via Media > Add New, and use the URL you'll get. See here:
    http://wpbtips.wordpress.com/2010/01/16/image-quality/

  17. Thank you for the bonus tip! I am impressed by the third image, without the width and height codes!

Topic Closed

This topic has been closed to new replies.

About this Topic