2017-01-30 13 views
-2

Я мог бы взять любой bbcode, проанализировать его и разместить в области объявлений форума без особых изменений. Поскольку несколько месяцев назад я изменил область рекламы, область объявлений теперь имеет тенденцию полностью испортить такие объявления. Кажется, что вставляются разрывы строк между большинством элементов.Таблица для установки и не масштабирования

Итак, я хочу сделать что-то вроде этого без каких-либо JavaScript, используя классы и не IDS, и достоверный XHTML 1.0 Transitional

How it should look

Но это должно выглядеть неправильно масштаб вниз

wrong scale down

Сайт испытания со шкалой

scaledown wsrong.esy.es/index.html (REMOVE ПРОСТРАНСТВО)

Может кто-нибудь мне помочь.

ответ

0

Это происходит из-за классом, определенным в тестовой странице, которая применяется min-width:100% и display:inline-block; к вашей ячейке таблицы:

.APNFQEmuvdnRbBnOdYJEyg table,.APNFQEmuvdnRbBnOdYJEyg tbody,.APNFQEmuvdnRbBnOdYJEyg tr,.APNFQEmuvdnRbBnOdYJEyg td { 
    display:inline-block; max-width:100%; min-width:100%; overflow:hidden 
} 

Таким образом, вы должны предотвратить этот класс, чтобы применить к вашему столу или редактировать этот класс стиля (в строке 30)

или как-то изменить это, добавив новый класс вроде как ниже:

.noMinWidth tr, .noMinWidth td { min-width:0; } 

и применить его к йо ур родительская строка, содержащая код

<tr class="APNFQEmuvdnRbBnOdYJEyg noMinWidth"> ... 

Примечание: я вижу, что вы используете <tr class="APNFQEmuvdnRbBnOdYJEyg" style="min-width: initial;"> для родительской строки, содержащей код, но класс APNFQEmuvdnRbBnOdYJEyg также будет применяться ко всем td клеток внутри вашего тр переопределения, что min-width: initial; стиль вы установили.