Как я могу остановить эту ячейку от удвоения ее высоты?

Question

Итак, я начал менять свои страницы на CSS, чтобы я мог ссылаться на таблицы стилей для всех их преимуществ.

Страница будет проходить через html tidy из w3 после того, как все несовместимые биты будут изменены на css.

Html tidy

После добавления некоторых CSS вместо несовместимого HTML я был до того, что не приходит из хорошо через HTML Tidy клетка дважды их высоту.

Вот в прогрессировать link to the page:

и вот одна из ячеек в вопросах кода:

<td style="width: 283px; height: 30px; 
    background-image: url('EmuNewNGd_Template/techage_map1_featurebar.jpg')"> 
    <p align="center"> 
     <b> 
      <font color="#000080" size="2" face="Tahoma"> 
      Bringing You Nothing But The Best 
     </font> 
     </b> 
    </p> 
</td> 

какие-либо идеи, почему они настолько большой, потому что их размер при просмотре в браузере не 30px но намного больше.

Имейте в виду, что я не очень хорошо разбираюсь в CSS.

Answer 1

Они больше, потому что в таблице есть <p> элементов, содержащих текст. По умолчанию <p> элементы имеют запас. Вы можете удалить, что, добавив в ваш CSS:

#AutoNumber9 tbody tr td p { margin: 0; padding: 0; }

Это специфично только для таблицы с идентификатором # AutoNumber9. Если вы хотите сделать это для всех <p> элементов на сайте вы можете добавить:

p { 
    margin: 0; 
    padding: 0; 
}