CSS Отступы пары не загружаются

-1

enter image description here CSS Отступы пары не загружаются

Это таблица (тег) Где первый столбец содержит имя пользователя второго столбец содержит контент для этой конкретной темы

Я сделал CSS для таблицы и определение в пределах следует установить отступы в 0. Однако, я заметил padding: 0px 0px; не имеет никакого эффекта

браузер: Chrome

CSS п или тема

.TOPIC_STYLE { 
    border-collapse: collapse; 
    border:0px solid black; 
    padding:0px 0px; 

    font-family: '华康少女文字 - Kelvin'; 
    font-size: 18px; 
    color: #819FF7; 
}

Вот код для таблицы: <table class=TOPIC_STYLE align=left>

2016-08-13 - Полный набор кода теряется вместе с моим старым ноутбуком.

Цель: Исключить пустое пространство в красном круге.

Другие CSS У меня есть для таблицы:

     .TOP_LEFT { 
           background-image: url(top_Left.png); 
           background-repeat: no-repeat; 
         } 
         .TOP_RIGHT { 
           background-image: url(top_Right.png); 
           background-repeat: no-repeat; 
         } 
         .VERTICAL_LEFT { 
           width: 150px; 
           height: 30px; 

           text-align: center; 

           background-image: url(vertical_Left.png); 
           background-repeat: repeat-y; 
         } 
         .VERTICAL_RIGHT { 
           width: 700px; 
           height: 30px; 

           background-image: url(vertical_Right.png); 
           background-repeat: repeat-y; 
         } 
         .BOTTOM_LEFT { 
           width: 150px; 
           height: 40px; 

           background-image: url(bottom_Left.png); 
           background-repeat: no-repeat; 
         } 
         .BOTTOM_RIGHT { 
           width: 700px; 
           height: 40px; 

           text-align: center; 

           background-image: url(bottom_Right.png); 
           background-repeat: no-repeat; 
         }

Решение:

Фотографии действительно используется для создания границы, что было ненужным, так как CSS уже предусмотрены границы собственности для этой цели. Поэтому все связанные изображения можно отложить и использовать свойство границы. Аналогичным образом также можно использовать рамку-левый, правый, верхний, нижний.

table { 
    border: 2px solid red; 
}

источник

2013-07-10 8749236

не должно быть 'class =" TOPIC_STYLE "'? –

извините .. У меня есть другая переменная php с именем $ TOPIC_STYLE, содержащая имя стиля .. но она отлично работает, за исключением заполнения. Я должен изменить это для меньшего путаницы .. – 8749236

вам все равно понадобятся кавычки вокруг имени класса, чтобы сделать его действительным html, в любом случае. –

Ваше фоновое изображение недостаточно широкое, чтобы покрыть все пространство без повторения. Для .TOP_LEFT смените background-repeat: на repeat-x; и отредактируйте новое изображение, чтобы быть намного выше и шире.

Но если бы я был на вашем месте, я бы просто обработал этот эффект как границу. Снимают все фоновые изображения и добавить эти правила:

table { border: 2px solid blue; border-collapse: collapse; } 
tr { border: 2px solid blue; }

источник

2013-07-10 19:09:59 KatieK

попробовал это тоже, все еще не правильно .. – 8749236

Новый ответ на основе нового примера. :) – KatieK

он работает .. однако это не решило проблему заполнения. Даже я даю 'padding: 10px 10px;' он также не дает правильный результат. Но я буду использовать это как альтернативное решение, хотя и странное, tks .. – 8749236

Не знаете, почему у вашего класса есть знак доллара перед ним. Попробуйте следующее:

<table class="TOPIC_STYLE">

источник

2013-07-10 19:09:27

Я не могу использовать двойную кавычку .. но я могу попробовать с одним единственным .. спасибо .. – 8749236

<table class="TOPIC_STYLE" align="left">

Они должны выглядеть this..Are вы получаете ту же проблему еще ??

источник

2013-07-10 19:13:00

да ..> _ <Я пробовал одинарную цитату сейчас .. двойная цитата только что пробовала .. не исправила это тоже .. – 8749236

CSS Отступы пары не загружаются

ответ

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