[Помощь] Как сделать описание как на Market.yandex.ru?

Тема в разделе "WebAsyst", создана пользователем FuGeeZ, 7 янв 2011.

Модераторы: mdss
  1. FuGeeZ

    FuGeeZ Создатель

    Регистр.:
    15 янв 2009
    Сообщения:
    38
    Симпатии:
    3
    Нужно сделать чтобы как на маркете в два столбца отображалась в полном описании...
    Все CSS файлы перерыл, не получается...
    Вот например их полное описание которое должно в два столбца выводится:
    HTML:
    <table border="0" width="48%" cellspacing="0" cellpadding="5">
      <tbody>
        <tr>
          <td colspan="2"><strong>Матрица</strong></td>
        </tr>
        <tr>
          <td>Общее число пикселов</td>
          <td>10.5 млн</td>
        </tr>
        <tr>
          <td>Число эффективных пикселов</td>
          <td>10.1 млн</td>
        </tr>
        <tr>
          <td>Физический размер</td>
          <td>22.2 х 14.8 мм</td>
        </tr>
        <tr>
          <td>Кроп-фактор</td>
          <td>1.6</td>
        </tr>
        <tr>
          <td>Максимальное разрешение</td>
          <td>3888 x 2592</td>
        </tr>
        <tr>
          <td>Тип матрицы</td>
          <td>CMOS</td>
        </tr>
        <tr>
          <td>Чувствительность</td>
          <td>100 - 1600 ISO, Auto ISO</td>
        </tr>
        <tr>
          <td>Функция очистки матрицы</td>
          <td>есть</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Режимы съемки</strong></td>
        </tr>
        <tr>
          <td>Скорость съемки</td>
          <td>3 кадр./сек</td>
        </tr>
        <tr>
          <td>Максимальная серия снимков</td>
          <td>514 для JPEG</td>
        </tr>
        <tr>
          <td>Таймер</td>
          <td>есть</td>
        </tr>
        <tr>
          <td>Время работы таймера</td>
          <td>2, 10 c</td>
        </tr>
        <tr>
          <td>Формат кадра (фотосъемка)</td>
          <td>3:2</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Видоискатель и ЖК-экран</strong></td>
        </tr>
        <tr>
          <td>Видоискатель</td>
          <td>зеркальный (TTL)</td>
        </tr>
        <tr>
          <td>Использование экрана в качестве видоискателя</td>
          <td>есть</td>
        </tr>
        <tr>
          <td>Поле зрения видоискателя</td>
          <td>95%</td>
        </tr>
        <tr>
          <td>ЖК-экран</td>
          <td>230000 пикселов, 2.50 дюйма</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Фокусировка</strong></td>
        </tr>
        <tr>
          <td>Подсветка автофокуса</td>
          <td>есть</td>
        </tr>
        <tr>
          <td>Ручная фокусировка</td>
          <td>есть</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Питание</strong></td>
        </tr>
        <tr>
          <td>Формат аккумуляторов</td>
          <td>свой собственный</td>
        </tr>
        <tr>
          <td>Количество аккумуляторов</td>
          <td>1</td>
        </tr>
        <tr>
          <td>Емкость аккумулятора</td>
          <td>500 фотографий</td>
        </tr>
        <tr>
          <td>Батарейный блок</td>
          <td>BG-E5</td>
        </tr>
        <tr>
          <td>Разъем питания</td>
          <td>есть</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Другие функции и особенности</strong></td>
        </tr>
        <tr>
          <td>Материал корпуса</td>
          <td>пластик</td>
        </tr>
        <tr>
          <td>Дополнительные возможности</td>
          <td>крепление для штатива, дистанционное управление, датчик ориентации, управление с компьютера</td>
        </tr>
        <tr>
          <td>Дата анонсирования</td>
          <td>2008-06-10</td>
        </tr>
      </tbody>
    </table>
    <table border="0" width="48%" cellspacing="0" cellpadding="5">
      <colgroup span="2">
      </colgroup>
      <tbody>
        <tr>
          <td colspan="2"><strong>Функциональные возможности</strong></td>
        </tr>
        <tr>
          <td>Баланс белого</td>
          <td>автоматический, ручная установка, из списка, брекетинг</td>
        </tr>
        <tr>
          <td>Вспышка</td>
          <td>встроенная, подавление эффекта красных глаз, башмак, брекетинг, E-TTL II</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Объектив</strong></td>
        </tr>
        <tr>
          <td>Поддержка сменных объективов</td>
          <td>Canon EF/EF-S</td>
        </tr>
        <tr>
          <td>Объектив в комплекте</td>
          <td>есть</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Экспозиция</strong></td>
        </tr>
        <tr>
          <td>Выдержка</td>
          <td>30 - 1/4000 с</td>
        </tr>
        <tr>
          <td>Выдержка X-Sync</td>
          <td>1/200 c</td>
        </tr>
        <tr>
          <td>Ручная настройка выдержки и диафрагмы</td>
          <td>есть</td>
        </tr>
        <tr>
          <td>Автоматическая обработка экспозиции</td>
          <td>с приоритетом затвора, с приоритетом диафрагмы</td>
        </tr>
        <tr>
          <td>Экспокоррекция</td>
          <td>+/- 2 EV с шагом 1/3 ступени</td>
        </tr>
        <tr>
          <td>Замер экспозиции</td>
          <td>центровзвешенный, общий (Evaluative)</td>
        </tr>
        <tr>
          <td>Брекетинг экспозиции</td>
          <td>есть</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Память и интерфейсы</strong></td>
        </tr>
        <tr>
          <td>Тип карт памяти</td>
          <td>SD, SDHC</td>
        </tr>
        <tr>
          <td>Максимальный объем карты памяти</td>
          <td>32 Гб</td>
        </tr>
        <tr>
          <td>Форматы изображения</td>
          <td>2 JPEG, RAW</td>
        </tr>
        <tr>
          <td>Интерфейсы</td>
          <td>USB 2.0, видео, разъем для пульта ДУ</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Запись видео и звука</strong></td>
        </tr>
        <tr>
          <td>Запись видео</td>
          <td>нет</td>
        </tr>
        <tr>
          <td>Запись звука</td>
          <td>нет</td>
        </tr>
        <tr>
          <td colspan="2"><strong>Размеры и вес</strong></td>
        </tr>
        <tr>
          <td>Размер</td>
          <td>126x98x62 мм, без объектива</td>
        </tr>
        <tr>
          <td>Вес</td>
          <td>450 г, без элементов питания; без объектива</td>
        </tr>
      </tbody>
    </table>
    
    Источник: http://market.yandex.ru/model.xml?modelid=2255332&hid=91148&text=Canon EOS 1000D KIT&srnum=11
     
  2. karelia

    karelia Постоялец

    Регистр.:
    12 ноя 2007
    Сообщения:
    74
    Симпатии:
    5
    Тоже интересует подобное. Пока что не придумал ничего лучше "копировать-вставить" с куском html-кода. Или же, как вариант, установить более продвинутый редактор, FCKeditor тот же. Но эти варианты автоматизации процесса не дают.
     
  3. FuGeeZ

    FuGeeZ Создатель

    Регистр.:
    15 янв 2009
    Сообщения:
    38
    Симпатии:
    3
    Я.Маркет объединили 2 столбца на 1, с этим проще, можно ничего не править в коде

    Код:
    <table cellspacing="0" cellpadding="0">
      <tr>
        <th colspan="2">Основные характеристики</th>
      </tr>
      <tr>
        <th>Тип</th>
        <td>ЖК-телевизор</td>
      </tr>
      <tr>
        <th>Светодиодная (LED) подсветка</th>
        <td>есть, Edge LED</td>
      </tr>
      <tr>
        <th>Диагональ</th>
        <td>42" (107 см)</td>
      </tr>
      <tr>
        <th>Формат экрана</th>
        <td>16:9</td>
      </tr>
      <tr>
        <th>Разрешение</th>
        <td>1920x1080</td>
      </tr>
      <tr>
        <th>Поддержка HDTV</th>
        <td>есть, 1080p (Full HD)</td>
      </tr>
      <tr>
        <th>Стереозвук</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Частота обновления</th>
        <td>100 Гц</td>
      </tr>
      <tr>
        <th>Поддержка 3D</th>
        <td>есть</td>
      </tr>
      <tr>
        <th colspan="2">Изображение</th>
      </tr>
      <tr>
        <th>Динамическая контрастность</th>
        <td>5000000:1</td>
      </tr>
      <tr>
        <th>Время отклика пикселя</th>
        <td>2.4 мс</td>
      </tr>
      <tr>
        <th>Прогрессивная развертка</th>
        <td>есть</td>
      </tr>
      <tr>
        <th colspan="2">Прием сигнала</th>
      </tr>
      <tr>
        <th>Поддержка стереозвука NICAM</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Поддержка телевизионных стандартов</th>
        <td>PAL, SECAM, NTSC</td>
      </tr>
      <tr>
        <th>Поддержка DVB-T</th>
        <td>DVB-T MPEG4</td>
      </tr>
      <tr>
        <th>Поддержка DVB-C</th>
        <td>DVB-C MPEG4</td>
      </tr>
      <tr>
        <th>Поддержка DVB-S</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Телетекст</th>
        <td>с памятью на 2000 стр.</td>
      </tr>
      <tr>
        <th>Поддерживаемые форматы входного сигнала</th>
        <td>480i, 480p, 576i, 576p, 720p, 1080i, 1080p</td>
      </tr>
      <tr>
        <th>Доступные разрешения при подключении к ПК</th>
        <td>640x480 <br>
          800x600 <br>
          1024x768 <br>
          1280x1024 <br>
          1360x768 <br>
          1920x1080 <br></td>
      </tr>
      <tr>
        <th colspan="2">Звук</th>
      </tr>
      <tr>
        <th>Мощность звука</th>
        <td>20 Вт (2х10 Вт)</td>
      </tr>
      <tr>
        <th>Акустическая система</th>
        <td>два динамика </td>
      </tr>
      <tr>
        <th>Объемное звучание</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Декодер Dolby Digital</th>
        <td>есть</td>
      </tr>
      <tr>
        <th colspan="2">Мультимедиа</th>
      </tr>
      <tr>
        <th>Поддерживаемые форматы</th>
        <td>MP3, MPEG4, Xvid, DivX, MKV, JPEG</td>
      </tr>
      <tr>
        <th colspan="2">Интерфейсы</th>
      </tr>
      <tr>
        <th>Входы</th>
        <td>AV x2, аудио x2, компонентный, SCART, RGB, VGA, HDMI x4, USB x2, RS-232, Ethernet (RJ-45)</td>
      </tr>
      <tr>
        <th>Выходы</th>
        <td>оптический</td>
      </tr>
      <tr>
        <th>Поддержка Wi-Fi</th>
        <td>опционально</td>
      </tr>
      <tr>
        <th>Разъем для наушников</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Слот для CI/PCMCIA</th>
        <td>есть</td>
      </tr>
      <tr>
        <th colspan="2">Функции</th>
      </tr>
      <tr>
        <th>Поддержка 24p True Cinema</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Поддержка DLNA</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Запись видео</th>
        <td>на USB-накопитель</td>
      </tr>
      <tr>
        <th>Функция TimeShift</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Выход в интернет</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Таймер сна</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Защита от детей</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Экранное меню на русском</th>
        <td>есть</td>
      </tr>
      <tr>
        <th colspan="2">Дополнительно</th>
      </tr>
      <tr>
        <th>Цвет</th>
        <td>черная передняя панель с декорированным розовым оформлением</td>
      </tr>
      <tr>
        <th>Возможность крепления на стену</th>
        <td>есть</td>
      </tr>
      <tr>
        <th>Размеры с подставкой (ШxВxГ)</th>
        <td>999x681x255 мм</td>
      </tr>
      <tr>
        <th>Вес с подставкой</th>
        <td>15.7 кг</td>
      </tr>
      <tr>
        <th>Размеры без подставки (ШxВxГ)</th>
        <td>999x623x31 мм</td>
      </tr>
      <tr>
        <th>Вес без подставки</th>
        <td>13.4 кг</td>
      </tr>
      <tr>
        <th>Дополнительная информация </th>
        <td>для получения 3D используются легкие поляризационные очки</td>
      </tr>
    </table>
    
     
  4. zzallexx

    zzallexx

    Регистр.:
    11 июн 2008
    Сообщения:
    1.036
    Симпатии:
    699
    HTML:
    <style type="text/css">
    .b-properties{width:100%;margin:0 0 2em;border-collapse:collapse}
    .b-properties th{text-align:left;vertical-align: top;}
    .b-properties__title{padding:.8em 0 .6em;font-size:140%}
    .b-properties__title_first_yes{padding-top:0}
    .b-properties__label{font-weight:normal;width:1%;padding:0 0 .7em}
    .b-properties__label-title{width:270px;padding:0 10px 0 0;background:url(http://market.yandex.ru//_c/aYN5BTca5kbhA-5_ioaa5tzaql0.gif) repeat-x 100% .9em}
    .b-properties__label span{padding:0 2px 0 0;background:#fff}
    .b-properties__value{padding:0 0 .7em}
    </style>
    <table class="b-properties">
    <tbody>
    <tr>
    <th colspan="2" class="b-properties__title">Матрица</th>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Общее число пикселов</span></th>
    <td class="b-properties__value">10.5 млн</td>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Число эффективных пикселов</span></th>
    <td class="b-properties__value">10.1 млн</td>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Физический размер</span></th>
    <td class="b-properties__value">22.2 х 14.8 мм</td>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Кроп-фактор</span></th>
    <td class="b-properties__value">1.62</td>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Максимальное разрешение</span></th>
    <td class="b-properties__value">3888 x 2592</td>
    </tr>
    <tr>
    <th class="b-properties__label b-properties__label-title"><span>Тип матрицы</span></th>
    <td class="b-properties__value">CMOS</td>
    </tr>
    </tbody></table>