2013-04-25 4 views
0

Я строю простой сайт для моего друга, используя wordpress. На странице теперь я хочу создать простой прямоугольник и поместить в него некоторую информацию. Поскольку я узнал html еще в 90-х, я все еще использую таблицу (с одним td), чтобы сделать это. Так как я хочу границу таблицы исчезнуть Я создал таблицу следующим образом:Как избавиться от границы таблицы в Wordpress?

<table border="0"> 
<tr><td>some content</td></tr> 
</table> 

К сожалению, до сих пор появляется граница (см here for the page я работаю на).

Кто-нибудь знает, как я могу избавиться от этой границы таблицы?

ответ

4

Вы имеете это правило в таблице стилей style.css Line 1071, который должен быть удален

th, td, table { 
    border: 1px solid #DDDDDD; 
} 

Примечание: Это селектор элемента, будет применяться ко всем таблицам в вашем веб-сайте.

Вы имеете эту таблицу внутри DIV с классом post-entry так лучше вы можете переопределить стили, используя ниже селектор

.post-entry * { /* '*' will select all element inside .post-entry so be cautious */ 
    border: 0 !important; 
} 

И если вы имеете post-entry для других элементов тоже явно указать элементы вместо используя *

.post-entry table, .post-entry th, .post-entry td { 
    border: 0; 
} 

Совет: Используйте поджигатель, избавит вас от вопросов меньше вопросов и тратить меньше времени на отладку CSS, HTML и JS

+0

Спасибо за это! Это полностью работает. Но теперь все таблицы на моей странице не имеют границы. Разве нельзя создать класс или что-то, что я могу включить в таблицу, чтобы только та таблица не имела границ? – kramer65

+0

@ kramer65 Внимательно прочитайте мой ответ, вы должны использовать 1-й селектор, использовать последний в своем ответе и посмотреть –

Смежные вопросы