Хорошо, у меня есть несколько таблиц на странице, и одна из них вызывает у меня проблемы. Это вторая таблица на странице. Левый столбец - это то, что я хочу, другой, похоже, центрирует данные в строке таблицы. Я не понимаю, почему, я не думаю, что это CSS из шаблона WordPress, потому что, если я запускаю его как необработанный файл HTML в моем браузере, он делает то же самое. Вот ссылка на получившуюся страницу с таблицами (вторая таблица внизу): http://titanpropertymanagement.co / резиденты / полезность-информация /

Я знаю, что эта проблема, вероятно, очень проста, но я все еще учусь программировать, поэтому уверен, что здесь просто отсутствует простой тег стиля. Спасибо за любую помощь, которую вы можете оказать :)

Вот код второй таблицы, вызывающий у меня проблемы.

<h2 style="text-align: center;">Water &amp; Trash Service</h2>
<table width="100%">
    <tbody>
        <tr>
            <td width="50%">
                <h4>Water/Trash for Lafayette</h4>
                <h5><a href="http://bit.ly/18q8zsG" target="_blank"><span style="text-decoration: underline">Lafayette Utility Dept.</span></a> - (765) 807-1100</h5>
                <ul>
                    <li><span style="text-decoration: underline"><a href="http://www.titanmgmtgroup.com/uploads/2/3/9/1/23918042/lafayette_watersewer_application.pdf">Download Application Here</a>
                        </span>
                    </li>
                </ul>
                <h5>Lafayette Sanitation - (765) 807-1411</h5>
                <ul>
                    <li><a href="http://bit.ly/1as4CRr" target="_blank"><span style="text-decoration: underline">Request Trash/Recycle Bin</span></a>
                    </li>
                </ul>
                <h5>Waste Management - (800) 443-5646</h5>
                <ul>
                    <li><a href="http://bit.ly/17OzcDf" target="_blank"><span style="text-decoration: underline">Request Service Online</span></a>
                    </li>
                </ul>
            </td>
            <td width="50%">
                <h4>Water/Trash For West Lafayette</h4>
                <h5><a href="http://bit.ly/16iR0qF" target="_blank"><span style="text-decoration: underline">American Water</span></a> - (800) 492-8373</h5>
                <ul>
                    <li><a href="http://bit.ly/1as4RMr" target="_blank">Request New Service Online</a>
                    </li>
                </ul>
                <h5>W. Lafayette Sanitation - (765) 775-5242</h5>
                <ul>
                    <li><a href="http://bit.ly/H0lQyl" target="_blank">Request Service Online</a>
                    </li>
                </ul>
            </td>
        </tr>
    </tbody>
</table>
0
sjura10 4 Апр 2014 в 22:12

1 ответ

Лучший ответ

Добавить

tbody {
  vertical-align: top;
}

В вашу таблицу стилей. Это переопределит стиль браузера по умолчанию для tbody, который должен вертикально выровнять tbody по центру (по крайней мере, в Chrome).

0
Hiram Hibbard 4 Апр 2014 в 22:19