[Twenty Eleven] Table border problem

  • I’m local-testing some pages under theme Twenty Eleven v1.3 (WP 3.3.1) and am having some problems with TABLE sizes and borders.

    Using this as a simple example to test:

    <table border=”0″ width=”100px”>
    <tr>
    <td style=”width:20%;height:100px;background-color:#FF0000;vertical-align:top;text-align:center;”>XX</td>
    <td style=”width:80%;height:100px;background-color:#FFff00;vertical-align:bottom;text-align:center;”>YY</td>
    </tr>
    </table>

    It behaves as expected so far as alignment and relative column widths go.
    BUT…

    1/ Regardless of how I specify the table width, it always goes to 100% of the page width
    2/ Regardless of how I specify borders, I get a top and bottom border to the table, and no side borders.

    At this stage I’m using the original theme styles without modification. (Child style created, but not yet doing anything special.)

    Any clues for the clueless?

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

  • It will be a CSS issue. Try using Firefox with the Firebug add-on for this kind of work.
    https://getfirebug.com/

    Thread Starter HCM-webmaster

    (@hcm-webmaster)

    Thanks esmi,

    Better than just a canned answer, you gave me a tool that I could use to work it out for myself! ??

    I knew it was in CSS – this helped me to find it.

    Cheers,
    Nick

    Glad I could help ??

    I was searching the same today to fix the layout in articles with the schedule from the plugin event calendar 3 in articles.

    The solution is to find in the original file style.css of the Twenty Eleven Template (Line 772 to 777):

    .entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;
	margin: 0 0 1.625em;
	width: 100%;
}

    All table widths are set here to 100%, but its easy to change if you delete line 772 (.entry-content table,)
    or write your own arguments between .entry-content table and .comment-content table inside a new {}

    Do not edit the Twenty Eleven theme. It is the default WordPress theme and having access to an unedited version of the theme is vital when dealing with a range of site issues. Create a child theme for your changes. Once your child theme is active, we should be able to help with the customisation.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘[Twenty Eleven] Table border problem’ is closed to new replies.